# 5.19 内容分组(Board)

内容分组容器,用于展示带标题和副标题的一组内容

# 基础用法

<template>
  <dof-board title="标题" subtitle="副标题">
    <text>面板内容</text>
  </dof-board>
</template>
1
2
3
4
5

# Attributes

Prop Type Required Default Description
title String N '' 分组标题
subtitle String N '' 分组副标题
boardBodyStyle Object N {} 内容区域自定义样式
dofBoardWrapperStyle Object N {} 分组外层样式配置;当前版本未在模板中使用
needDarkMode Boolean N false 是否启用 M-dark/T-dark 内置暗黑适配
backgroundColor String N '' 背景色
headerBackgroundColor String N '' 头部背景色
titleColor String N '' 标题文字颜色
subtitleColor String N '' 副标题文字颜色
isRTL Boolean N false 是否启用 RTL(从右到左)布局;默认关闭 ^2.5.10

设置 :need-dark-mode="true" 可启用内置暗黑配色,主题初始化与构建配置见 接入说明。

颜色属性为空时使用内置配色;业务显式颜色和样式覆盖优先于默认配色,关闭暗黑适配后仍有效。

boardBodyStyle 中的业务样式优先。

# Slots

插槽名 说明
default 分组内容
header 标题区后的自定义内容