纷享销客开发者手册 纷享销客开发者手册
  • APL开发手册
  • PWC开发手册
  • OpenAPI 文档
  • 自定义组件(PC端)
  • 自定义组件(小程序)
  • 自定义插件(PC端)
  • 自定义插件(小程序)
  • 第三方集成插件(H5)
  • API(PC端)
  • API(小程序)
  • Fx DevTools
更新日志
  • 简体中文
  • English
  • 自定义组件(PC端)
  • 自定义组件(小程序)
  • 自定义插件(PC端)
  • 自定义插件(小程序)
  • 第三方集成插件(H5)
  • API(PC端)
  • API(小程序)
  • Fx DevTools
更新日志
  • 简体中文
  • English
  • 入门

  • 组件

    • 组件总览

    • 纷享UI组件

    • 微信UI组件

      • 动作面板
      • 按钮
      • 分割线
      • 单选
      • 单选弹窗
      • 多选
      • 确认框
      • 时间选择器/自定义选择器
      • 弹出框
      • 开关
      • 富文本
        • 消息提示
        • 更多基础组件
      • 业务组件

    • 小程序框架

    • 示例

    目录

    富文本

    # rich_text

    # 参数

    属性 类型 默认值 可选值 说明
    nodes Array [] -- 节点
    cStyle String '' -- 样式

    # 示例代码

    <fs-rich-text nodes="{{dNodes}}"/>
    
    // src/testPages/testRichText/index.js
    import imgholderconfig from '../../../package/fxui/Imageholder/config'
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
        dNodes:[{
          context:"测试",
          color:"red",
          width:'20',
          height:'20',
          onClick:function(){
            wx.showToast({
              title: '测试文字',
            })
          },
          fontWeight:'bold',
          textDecoration:'',
          fontSize:'20',
          type:'string'
      },{
        context:imgholderconfig.nodata.image,
        placeholder:"https://a9.fspage.com/FSR/weex/avatar/object_list/images/list_default_icon.png",
        width:'50',
        height:'50',
        onClick:function(){
          wx.showToast({
            title: '测试图片',
          })
        },
        type:'image'
    }]
      },
    
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
    
      },
    
      /**
       * 生命周期函数--监听页面初次渲染完成
       */
      onReady: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面显示
       */
      onShow: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面隐藏
       */
      onHide: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面卸载
       */
      onUnload: function () {
    
      },
    
      /**
       * 页面相关事件处理函数--监听用户下拉动作
       */
      onPullDownRefresh: function () {
    
      },
    
      /**
       * 页面上拉触底事件的处理函数
       */
      onReachBottom: function () {
    
      },
    
      /**
       * 用户点击右上角分享
       */
      onShareAppMessage: function () {
    
      }
    })
    
    {
      "usingComponents": {
        "fs-rich-text": "../../../package/fxui/rich_text/index"
      }
    }
    
    开关
    消息提示

    ← 开关 消息提示→

    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式