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

  • 组件

    • 组件总览

    • 纷享UI组件

    • 微信UI组件

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

    • 小程序框架

    • 示例

    目录

    分割线

    # divider 分割线

    # 参数

    属性 类型 默认值 可选值 说明
    tip String '' - 线中内容提示
    color String '' - 颜色

    # 示例代码

    <view>
      <fs-page title="divider">
        <view class="page">
          <fs-divider></fs-divider>
          <fs-divider tip="基本形态"></fs-divider>
          <fs-divider tip="基本形态" color="#ff8000"></fs-divider>
          <fs-divider tip="基本形态" color="#0C6CFF"></fs-divider>
          <fs-divider tip="基本形态" color="#FF3F3F"></fs-divider>
          <fs-divider tip="基本形态" color="#30C776"></fs-divider>
        </view>
      </fs-page>
    </view>
    
    
    // testPages/testDivider/testDivider.js
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
    
      },
    
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
    
      },
    
      /**
       * 生命周期函数--监听页面初次渲染完成
       */
      onReady: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面显示
       */
      onShow: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面隐藏
       */
      onHide: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面卸载
       */
      onUnload: function () {
    
      },
    
      /**
       * 页面相关事件处理函数--监听用户下拉动作
       */
      onPullDownRefresh: function () {
    
      },
    
      /**
       * 页面上拉触底事件的处理函数
       */
      onReachBottom: function () {
    
      },
    
      /**
       * 用户点击右上角分享
       */
      onShareAppMessage: function () {
    
      }
    })
    
    {
      "usingComponents": {
        "fs-divider": "ava-ui/fxui/Divider/Divider"
      }
    }
    
    按钮
    单选

    ← 按钮 单选→

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