常见组件
6 rich-text
— 富文本标签
可以将字符串解析成对应标签,类似vue中v-html
功能
nodes属性 支持字符串和标签节点数组
<rich-text nodes="{
{html}}"></rich-text>
其他属性
注意:
nodes
不推荐使⽤ String 类型,性能会有所下降rich--text
组件内屏蔽所有节点的事件attrs
属性不⽀持 id ,⽀持 classname
属性⼤⼩写不敏感- 如果使⽤了不受信任的 HTML 节点,该节点及其所有⼦节点将会被移除
img
标签仅⽀持⽹络图⽚
例子:
// pages/demo12/demo12.js
Page({
data: {
// 1 标签字符串 最常用的(引号里面直接去复制天猫淘宝的部分代码)
// html:''
// 2 对象数组
html:[
{
// 1 div标签 name属性来指定
name:'div',
// 2 标签上有哪些属性
attrs:{
// 标签上的属性 class style
class:'myDiv',
style:"color:red;"
},
// 3 子节点 children 要接收的数据类型和 nodes第二种渲染方式的数据类型一致
children:[
{
name:'p',
attrs