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

  • 组件

    • 组件总览

    • 纷享UI组件

    • 微信UI组件

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

    • 小程序框架

    • 示例

    目录

    单选弹窗

    # radioActionsheet 单选弹出框

    # 参数

    属性 类型 默认值 可选值 说明
    options Array [] -- 选项

    # 回调

    属性 类型 说明
    success Function 按钮执行点击选项事件后返回

    # 示例代码

    <view>
      <button bindtap="onTap">点我</button>
    
      <dialog-center></dialog-center>
    </view>
    
    import dialogSet from "../../../package/fxui/DialogCenter/DialogSet";
    
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
        options: {
          // show: true,
          title: "纷享",
          subtitle: "fxiaoke",
          options: [
            {
              label: '2',
              subtitle: 'subtitle',
              subStyle: 'color: red;'
            },
            { label: '2' },
            { label: '2' },
            { label: '2' },
            { label: '2' },
            { label: '2' },
            { label: '2' },
            { label: '2' },
            { label: '2' },
            { label: '2' },
            { label: '2' },
            { label: '2' },
            { label: '2' },
            { label: '2' },
            { label: '2' },
            { label: '2' }
          ],
          success(res) {
            console.log(res);
          }
        }
      },
    
      onTap() {
        const _self = this;
        dialogSet.actionsheet.show(_self.data.options);
      },
    
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
    
      },
    
      /**
       * 生命周期函数--监听页面初次渲染完成
       */
      onReady: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面显示
       */
      onShow: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面隐藏
       */
      onHide: function () {
    
      },
    
      /**
       * 生命周期函数--监听页面卸载
       */
      onUnload: function () {
    
      },
    
      /**
       * 页面相关事件处理函数--监听用户下拉动作
       */
      onPullDownRefresh: function () {
    
      },
    
      /**
       * 页面上拉触底事件的处理函数
       */
      onReachBottom: function () {
    
      },
    
      /**
       * 用户点击右上角分享
       */
      onShareAppMessage: function () {
    
      }
    })
    
    {
      "usingComponents": {
        "dialog-center": "../../../package/fxui/DialogCenter/DialogCenter"
      }
    }
    
    
    单选
    多选

    ← 单选 多选→

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