主页
一个 <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))]'
}