组件——navigator、rich-text(8)

1.navigator

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

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

navigater的可选属性有如下:
组件——navigator、rich-text(8)
target选则跳转是在当前小程序内部跳转(self;默认),还是跳转到其他小程序(miniProgram)
open-type可选值如下:
组件——navigator、rich-text(8)
如果不加任何属性,会默认open-type有navigate,不能跳转到tabbar的页面
exit退出的是其他小程序,而不是自己这个小程序本身

rich-text富文本标签

node属性,可以接受字符串、对象数组
如果字符串本身含有双引号,那么要用单引号把字符串包含住
组件——navigator、rich-text(8)
具体受信任的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"
              }
            ]
          }
        ]
      }
    ]
  }

上一篇:和MM的讨论+阅读第一篇英文文献


下一篇:C#互操作性入门系列(一):C#中互操作性介绍