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

    Divider

    # Divider

    # Parameters

    Property Type Default Options Description
    tip String '' - Text hint in the divider line
    color String '' - Color

    # Example Code

    <view>
      <fs-page title="divider">
        <view class="page">
          <fs-divider></fs-divider>
          <fs-divider tip="Basic"></fs-divider>
          <fs-divider tip="Basic" color="#ff8000"></fs-divider>
          <fs-divider tip="Basic" color="#0C6CFF"></fs-divider>
          <fs-divider tip="Basic" color="#FF3F3F"></fs-divider>
          <fs-divider tip="Basic" color="#30C776"></fs-divider>
        </view>
      </fs-page>
    </view>
    
    // testPages/testDivider/testDivider.js
    Page({
    
      /**
       * Initial data of the page
       */
      data: {
    
      },
    
      /**
       * 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 () {
    
      },
    
      /**
       * Called when user clicks share button
       */
      onShareAppMessage: function () {
    
      }
    })
    
    {
      "usingComponents": {
        "fs-divider": "ava-ui/fxui/Divider/Divider"
      }
    }
    
    Button
    Radio

    ← Button Radio→

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