Nuxt UI v3-alpha 已发布!

试用一下

主页

一个 <main> 组件,用于填充屏幕。

用法

Main 组件将实例化一个 <main> 标签,并将 min-height 设置为基于 --header-height 变量 填充屏幕,页脚将被推出屏幕。

app.vue
<template>
  <UHeader />

  <UMain>
    <NuxtLayout>
      <NuxtPage />
    </NuxtLayout>
  </UMain>

  <UFooter />
</template>

插槽

默认
{}

属性

ui
DeepPartial<{ wrapper: string; }>
{}

配置

{
  wrapper: 'min-h-[calc(100vh-var(--header-height))]'
}