ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2021-10-16 16:00:07  阅读:173  来源: 互联网

标签:数组 text rich 跳转 navigator type div 属性


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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有