# 8.17 简单富文本(Simple Rich Text)
简单富文本组件,用于展示图文混排内容
# 基础用法
<template>
<dof-simple-rich-text :datas="datas"></dof-simple-rich-text>
</template>
1
2
3
2
3
# Attributes
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
datas | Array | N | undefined | 富文本数据列表 |
rich-textwidth | Number | N | 686 | 富文本容器宽度 |
need-dark-mode | Boolean | N | false | 是否启用 M-dark/T-dark 内置暗黑适配 |
background-color | String | N | '' | 背景色 |
text-color | String | N | '' | 文字颜色 |
设置 :need-dark-mode="true" 可启用内置暗黑配色,主题初始化与构建配置见 接入说明。
颜色属性为空时使用内置配色;业务显式颜色和样式覆盖优先于默认配色,关闭暗黑适配后仍有效。
富文本单段显式颜色优先于全局文字颜色。