微信小程序富文本标签rich-text的使用

wxml:

  接收对象数组

js:

Page({
  data:{
    // 1 接收标签字符串
    // html:'
苏宁易购天猫超市天猫国际聚划算分类
'
    //  2.接收对象数组
    html:[{
      // div 标签上有哪些属性
      name:'div',
      attrs:{
        // 标签上的属性 class style
        class:"my_div",
        style:"color:red;"
      },
      // 子节点 children要接收的数据类型和 nodes第二种渲染方式的数据类型一致
      children:[{
        name:"p",
        attrs:{},
        // 放文本
        children:[
          {
            type:"text",
            text:"hello"
          }
        ]
      }]
    }
    ]
  }
})

效果图：