# divider dividing line

# parameter

Attributes type Defaults optional value illustrate
tip String '' - Online content prompts
color String '' - color

# sample code

<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": "../../../package/fxui/Divider/Divider"

  }
}



lastUpdate: 10/24/2022, 3:40:37 PM