# 5.19 内容分组(Board)
内容分组容器,用于展示带标题和副标题的一组内容
# 基础用法
<template>
<dof-board title="标题" subtitle="副标题">
<text>面板内容</text>
</dof-board>
</template>
1
2
3
4
5
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 | 标题区后的自定义内容 |