#### slider 滑動選擇器。 | 屬性名 | 類型 | 默認值 | 說明 | 最低版本 | | --------------- | ----------- | ------- | ---------------------------------------- | ---------------------------------------- | | 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 | 背景條的顏色 | | | block-size | Number | 28 | 滑塊的大小，取值范圍為 12 - 28 | [1.9.0](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/compatibility.html) | | block-color | Color | #ffffff | 滑塊的顏色 | [1.9.0](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/compatibility.html) | | show-value | Boolean | false | 是否顯示當前 value | | | bindchange | EventHandle | | 完成一次拖動后觸發的事件，event.detail = {value: value} | | | bindchanging | EventHandle | | 拖動過程中觸發的事件，event.detail = {value: value} | [1.7.0](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/compatibility.html) | **示例代碼：** ``` <view class="section section_gap"> <text class="section__title">設置step</text> <view class="body-view"> <slider bindchange="slider2change" step="5"/> </view> </view> <view class="section section_gap"> <text class="section__title">顯示當前value</text> <view class="body-view"> <slider bindchange="slider3change" show-value/> </view> </view> <view class="section section_gap"> <text class="section__title">設置最小/最大值</text> <view class="body-view"> <slider bindchange="slider4change" min="50" max="200" show-value/> </view> </view> var pageData = {} for (var i = 1; i < 5; i++) { (function (index) { pageData['slider' + index + 'change'] = function(e) { console.log('slider' + 'index' + '發生 change 事件，攜帶值為', e.detail.value) } })(i) } Page(pageData) ``` :-: