使用默认插槽来居中并限制内容宽度。
<template>
<UContainer>
<Placeholder class="h-32" />
</UContainer>
</template>
| 属性 | 默认值 | 类型 |
|---|---|---|
as |
|
此组件应渲染为的元素或组件。 |
| 插槽 | 类型 |
|---|---|
default |
|
export default defineAppConfig({
ui: {
container: {
base: 'w-full max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8'
}
}
})
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import ui from '@nuxt/ui/vite'
export default defineConfig({
plugins: [
vue(),
ui({
ui: {
container: {
base: 'w-full max-w-(--ui-container) mx-auto px-4 sm:px-6 lg:px-8'
}
}
})
]
})