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

創(chuàng)新互聯(lián)公司主營隴縣網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都app開發(fā),隴縣h5微信小程序開發(fā)搭建,隴縣網(wǎng)站營銷推廣歡迎隴縣等地區(qū)企業(yè)咨詢
滑動(dòng)選擇器。
| 屬性名 | 類型 | 默認(rèn)值 | 說明 | 最低版本 |
|---|---|---|---|---|
| min | Number | 0 | 最小值 | |
| max | Number | 100 | 最大值 | |
| step | Number | 1 | 步長,取值必須大于 0,并且可被(max - min)整除 | |
| disabled | Boolean | false | 是否禁用 | |
| value | Number | 0 | 當(dāng)前取值 | |
| color | Color | #e9e9e9 | 背景條的顏色(請使用 backgroundColor) | |
| selected-color | Color | #1aad19 | 已選擇的顏色(請使用 activeColor) | |
| activeColor | Color | #1aad19 | 已選擇的顏色 | |
| backgroundColor | Color | #e9e9e9 | 背景條的顏色 | |
| show-value | Boolean | false | 是否顯示當(dāng)前 value | |
| bindchange | EventHandle | 完成一次拖動(dòng)后觸發(fā)的事件,event.detail = {value: value} | ||
| bindchanging | EventHandle | 拖動(dòng)過程中觸發(fā)的事件,event.detail = {value: value} | 1.7.0 |
示例代碼:
設(shè)置left/right icon
設(shè)置step
顯示當(dāng)前value
設(shè)置最小/最大值
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) 當(dāng)前題目:創(chuàng)新互聯(lián)小程序教程:微信小程序表單組件滑動(dòng)選擇器 slider
文章網(wǎng)址:http://www.dlmjj.cn/article/dpisigs.html


咨詢
建站咨詢
