微信小程序开发笔记⑥——rich-text（富文本框）组件、progress（进度条）组件和video（视频）组件

rich-text

富文本框，可以直接写html，并且会进行解释

官方描述
https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html

主要通过nodes属性传进去我们需要写的东西，一般可以直接传递一串html文本，如下

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

data: {
   
  html:"<h1>标签</h1>",
}

还可以传递json格式的数据，通过规定的语法输出我们需要的html文本，具体格式可以参考手册，示例如下

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

data: {
   
  html:"<h1>标签</h1>",
  nodes:[{
   
    name:"h4",
    attrs:{
   
      style:"color:red;"
    },
    children:[
      {
   
        type:"text",
        text:"节点列表"
      }
    ]
  }]
},