组件——navigator、rich-text（8）

1.navigator

导航栏（实现点击跳转）
可以放相对路径，也可以放绝对路径
是块级元素，样式可以加入宽度和高度

<navigator url="/pages/demo07/demo07">轮播页面</navigator>
注意这个路径要用/，不能用错，而且最后的文件不要加后缀

navigater的可选属性有如下：

target选则跳转是在当前小程序内部跳转（self；默认），还是跳转到其他小程序（miniProgram）
open-type可选值如下：

如果不加任何属性，会默认open-type有navigate，不能跳转到tabbar的页面
exit退出的是其他小程序，而不是自己这个小程序本身

rich-text富文本标签

node属性，可以接受字符串、对象数组
如果字符串本身含有双引号，那么要用单引号把字符串包含住

具体受信任的html节点可以在开发文档中查看，如div标签就是可被信任的

wxml

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

js，data数据

 //对象数组,是数组，用[]，里面的内容是对象，用{}
    htmls:[
      {
        name:"div",//标签名
        attrs:{//属性
          class:"my_div",
          style:"color:red"
        },
        children:[//子节点 接受的数据类型仍然是node的对象数组类型
          {
            name:"p",
            attrs:{},
            children:
            [
              {
                type:"text",
                text:"hello"
              }
            ]
          }
        ]
      }
    ]
  }

标签：数组,text,rich,跳转,navigator,type,div,属性
来源： https://blog.csdn.net/qq_42424228/article/details/120788050