uniapp的rich-text使用

Uniapp的rich-text组件可以用于渲染富文本内容，支持HTML标签和CSS样式。

示例代码：

<template>
  <view class="container">
    <rich-text :nodes="nodes"></rich-text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      nodes: [
        {
          name: 'div',
          attrs: {
            class: 'my-class',
            style: 'color: red;'
          },
          children: [
            {
              type: 'text',
              text: '这是一段红色的文字'
            },
            {
              name: 'br'
            },
            {
              type: 'text',
              text: '这是一段换行的文字'
            }
          ]
        }
      ]
    }
  }
}
</script>

<style>
.my-class {
  font-size: 20px;
}
</style>

在`nodes`中定义需要渲染的HTML结构，可以使用`name`，`attrs`，`children`等属性来描述HTML标签和内容。可以在`attrs`中指定CSS样式，也可以使用`style`属性来定义内联样式。在`type`为`text`的节点中，可以使用`text`属性设置文本内容。