Fxiaoke Developer Manual Fxiaoke Developer Manual
  • APL Development Manual
  • PWC Development Manual
  • OpenAPI Documentation
  • Custom Components (PC)
  • Custom Components (Mini Program)
  • Custom Plugins (PC)
  • Custom Plugins (Mini Program)
  • Third-party Integration Plugins (H5)
  • API (PC)
  • API (Mini Program)
  • Fx DevTools
Update Log
  • 简体中文
  • English
  • Custom Components (PC)
  • Custom Components (Mini Program)
  • Custom Plugins (PC)
  • Custom Plugins (Mini Program)
  • Third-party Integration Plugins (H5)
  • API (PC)
  • API (Mini Program)
  • Fx DevTools
Update Log
  • 简体中文
  • English
  • Getting Started

  • Components

    • Component Overview

    • FSC UI Components

    • WeChat UI Components

      • Action Sheet
      • Button
      • Divider
      • Radio
      • Radio Action Sheet
        • Checkbox
        • Confirm
        • Time Picker/Custom Picker
        • Popup
        • Switch
        • Rich Text
        • Toast
        • More Basic Components
      • Business Components

    • Mini Program Framework

    • Examples

    Table of Contents

    Radio Actionsheet

    # radioActionsheet Single Selection Popup

    # Parameters

    Property Type Default Options Description
    options Array [] -- Selection items

    # Callbacks

    Property Type Description
    success Function Returns after clicking selection item

    # Example Code

    <view>
      <button bindtap="onTap">Click Me</button>
    
      <dialog-center></dialog-center>
    </view>
    
    import dialogSet from "../../../package/fxui/DialogCenter/DialogSet";
    
    Page({
    
      /**
       * Page initial data
       */
      data: {
        options: {
          // show: true,
          title: "Fxiaoke",
          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);
      },
    
      /**
       * Lifecycle function--Called when page load
       */
      onLoad: function (options) {
    
      },
    
      /**
       * Lifecycle function--Called when page is initially rendered
       */
      onReady: function () {
    
      },
    
      /**
       * Lifecycle function--Called when page is displayed
       */
      onShow: function () {
    
      },
    
      /**
       * Lifecycle function--Called when page is hidden
       */
      onHide: function () {
    
      },
    
      /**
       * Lifecycle function--Called when page is unloaded
       */
      onUnload: function () {
    
      },
    
      /**
       * Page event handler--Called when user pulls down
       */
      onPullDownRefresh: function () {
    
      },
    
      /**
       * Called when page reaches bottom
       */
      onReachBottom: function () {
    
      },
    
      /**
       * User clicks top-right share button
       */
      onShareAppMessage: function () {
    
      }
    })
    
    {
      "usingComponents": {
        "dialog-center": "../../../package/fxui/DialogCenter/DialogCenter"
      }
    }
    
    Radio
    Checkbox

    ← Radio Checkbox→

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