新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)小程序教程:微信小程序表單組件滑動選擇器 slider
slider

創(chuàng)新互聯(lián)公司主營隴縣網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,成都app開發(fā),隴縣h5微信小程序開發(fā)搭建,隴縣網(wǎng)站營銷推廣歡迎隴縣等地區(qū)企業(yè)咨詢
滑動選擇器。
| 屬性名 | 類型 | 默認值 | 說明 | 最低版本 |
|---|---|---|---|---|
| min | Number | 0 | 最小值 | |
| max | Number | 100 | 最大值 | |
| step | Number | 1 | 步長,取值必須大于 0,并且可被(max - min)整除 | |
| disabled | Boolean | false | 是否禁用 | |
| value | Number | 0 | 當前取值 | |
| color | Color | #e9e9e9 | 背景條的顏色(請使用 backgroundColor) | |
| selected-color | Color | #1aad19 | 已選擇的顏色(請使用 activeColor) | |
| activeColor | Color | #1aad19 | 已選擇的顏色 | |
| backgroundColor | Color | #e9e9e9 | 背景條的顏色 | |
| show-value | Boolean | false | 是否顯示當前 value | |
| bindchange | EventHandle | 完成一次拖動后觸發(fā)的事件,event.detail = {value: value} | ||
| bindchanging | EventHandle | 拖動過程中觸發(fā)的事件,event.detail = {value: value} | 1.7.0 |
示例代碼:
設置left/right icon
設置step
顯示當前value
設置最小/最大值
var pageData = {}
for(var i = 1; i < 5; ++i) {
(function (index) {
pageData['slider' + index + 'change'] = function(e) {
console.log('slider' + 'index' + '發(fā)生 change 事件,攜帶值為', e.detail.value)
}
})(i);
}
Page(pageData) 分享文章:創(chuàng)新互聯(lián)小程序教程:微信小程序表單組件滑動選擇器 slider
當前URL:http://m.5511xx.com/article/dpisigs.html


咨詢
建站咨詢
