# 8.17 简单富文本(Simple Rich Text)

简单富文本组件,用于展示图文混排内容

# 基础用法

<template>
  <dof-simple-rich-text :datas="datas"></dof-simple-rich-text>
</template>
1
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" 可启用内置暗黑配色,主题初始化与构建配置见 接入说明。

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

富文本单段显式颜色优先于全局文字颜色。