Nuxt UI v3-alpha 已发布!

试用

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'
}