微信小程序----组件之rich-text

来源：互联网发布：美国邮箱数据出售编辑：程序博客网时间：2024/06/13 03:33

文档地址：https://mp.weixin.qq.com/debug/wxadoc/dev/component/

根据文档写代码

效果图

项目结构：

核心代码：

index.wxml

<view class="classname"><rich-text nodes="{{nodes}}" bindtap="tap"></rich-text></view>

index.js

Page({  /**   * 页面的初始数据   */  data: {    nodes: [{      name: 'div',      attrs: {        class: 'div_class',        style: 'line-height: 60px; color: red;'      },      children: [{        type: 'text',        text: 'Hello World!'      }]    }]  },  tap() {    console.log('tap')  },  /**   * 生命周期函数--监听页面加载   */  onLoad: function (options) {      },  /**   * 生命周期函数--监听页面初次渲染完成   */  onReady: function () {      },  /**   * 生命周期函数--监听页面显示   */  onShow: function () {      },  /**   * 生命周期函数--监听页面隐藏   */  onHide: function () {      },  /**   * 生命周期函数--监听页面卸载   */  onUnload: function () {      },  /**   * 页面相关事件处理函数--监听用户下拉动作   */  onPullDownRefresh: function () {      },  /**   * 页面上拉触底事件的处理函数   */  onReachBottom: function () {      },  /**   * 用户点击右上角分享   */  onShareAppMessage: function () {      }})

源码下载：
http://download.csdn.net/download/zhaihaohao1/9962142

阅读全文

0 0