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"
}
}