BaseContent
组件用于显示带有标题、内容区域和可选页脚的内容。
<template>
<BaseContent title="系统配置" icon="settings">
<div>
<!-- 这里放置你的内容 -->
</div>
<template #footer>
<div>
<!-- 这里放置页脚内容 -->
</div>
</template>
</BaseContent>
</template>
<script>
import { defineComponent } from 'vue'
import BaseContent from '@/components/BaseContent'
export default defineComponent({
components: {
BaseContent,
},
// 其他组件选项...
})
</script>
在上面的示例中,我们使用了 BaseContent
组件,标题为 "系统配置",图标为 "settings"。我们还在默认插槽中提供了内容,在页脚插槽中提供了页脚内容。
属性 | 描述 | 类型 | 默认值 | 示例值 |
---|---|---|---|---|
title | 在标题栏中显示的标题 | String | '标题' | '系统配置' |
icon | 在标题栏中显示的图标的名称 | String | '' | 'settings' |
名称 | 描述 |
---|---|
default | 要显示在内容区域中的主要内容 |
footer | 可选的页脚内容 |