Nuxt UI v3-alpha 已发布!

试用一下

卡片组

将卡片分组到网格中。

用法

组件

探索 Nuxt 内置组件,用于页面、布局、头部等。

可组合项

发现 Nuxt 可组合函数,用于数据获取、头部管理等。

实用程序

了解 Nuxt 实用程序函数,用于导航、错误处理等。

命令

用于初始化、分析、构建和预览应用程序的 Nuxt CLI 命令列表。

::card-group
  ::card
  ---
  title: Components
  icon: i-heroicons-cube
  to: https://nuxtjs.org.cn/docs/api/components/client-only
  target: _blank
  ---
  Explore Nuxt built-in components for pages, layouts, head, and more.
  ::
  ::card
  ---
  title: Composables
  icon: i-heroicons-arrows-right-left
  to: https://nuxtjs.org.cn/docs/api/composables/use-app-config
  target: _blank
  ---
  Discover Nuxt composable functions for data-fetching, head management and more.
  ::
  ::card
  ---
  title: Utils
  icon: i-heroicons-scissors
  to: https://nuxtjs.org.cn/docs/api/utils/dollarfetch
  target: _blank
  ---
  Learn about Nuxt utility functions for navigation, error handling and more.
  ::
  ::card
  ---
  title: Commands
  icon: i-heroicons-command-line
  to: https://nuxtjs.org.cn/docs/api/commands/add
  target: _blank
  ---
  List of Nuxt CLI commands to init, analyze, build, and preview your application.
  ::
::

配置

{
  wrapper: 'grid sm:grid-cols-2 gap-4'
}