编辑 | blame | 历史 | 原始文档

BaseContent

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 可选的页脚内容