小程序 组件 的后续

常见组件

---

6 rich-text — 富文本标签

可以将字符串解析成对应标签,类似vue中v-html功能

nodes属性 支持字符串和标签节点数组

<rich-text nodes="{ {html}}"></rich-text>

其他属性

注意:

• nodes 不推荐使⽤ String 类型，性能会有所下降
• rich--text 组件内屏蔽所有节点的事件
• attrs 属性不⽀持 id ，⽀持 class
• name 属性⼤⼩写不敏感
• 如果使⽤了不受信任的 HTML 节点，该节点及其所有⼦节点将会被移除
• img 标签仅⽀持⽹络图⽚

例子:

// pages/demo12/demo12.js
Page({
   
  data: {
   
    // 1 标签字符串 最常用的(引号里面直接去复制天猫淘宝的部分代码)
    // html:''

    // 2 对象数组
    html:[
      {
   
        // 1 div标签 name属性来指定
        name:'div',
        // 2 标签上有哪些属性
        attrs:{
   
          // 标签上的属性 class style
          class:'myDiv',
          style:"color:red;"
        },
        // 3 子节点 children 要接收的数据类型和 nodes第二种渲染方式的数据类型一致
        children:[
          {
   
            name:'p',
            attrs