LandingLogos
用于放置在着陆页上的徽标或图像列表。
用法
使用 title
道具并在默认插槽中传递图标或图像列表。
值得信赖的最佳前端团队
<template>
<ULandingLogos title="Trusted by the best front-end teams" align="center">
<UIcon name="i-simple-icons-github" class="w-10 h-10 flex-shrink-0" />
<UIcon name="i-simple-icons-discord" class="w-10 h-10 flex-shrink-0" />
<UIcon name="i-simple-icons-x" class="w-10 h-10 flex-shrink-0" />
<UIcon name="i-simple-icons-instagram" class="w-10 h-10 flex-shrink-0" />
<UIcon name="i-simple-icons-linkedin" class="w-10 h-10 flex-shrink-0" />
<UIcon name="i-simple-icons-facebook" class="w-10 h-10 flex-shrink-0" />
</ULandingLogos>
</template>
插槽
default
{}
道具
title
字符串
未定义
ui
任何
{}
align
"left" | "center" | "right"
"center"
配置
{
wrapper: 'text-center',
title: 'text-lg font-semibold leading-8 text-gray-900 dark:text-white',
images: 'mx-auto mt-10 flex flex-wrap items-center justify-between gap-8'
}