溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

slider滑動選擇器怎么用

發(fā)布時間：2022-03-07 09:33:17 來源：億速云 閱讀：116 作者：iii 欄目：開發(fā)技術(shù)

這篇文章主要介紹了slider滑動選擇器怎么用的相關(guān)知識，內(nèi)容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇slider滑動選擇器怎么用文章都會有所收獲，下面我們一起來看看吧。

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 背景條的顏色
show-value Boolean false 是否顯示當前 value
bindchange EventHandle   完成一次拖動后觸發(fā)的事件，event.detail = {value: value}

示例代碼：

<view class="section section_gap"><text class="section__title">設(shè)置left/right icon</text><view class="body-view"><slider bindchange="slider1change" left-icon="cancel" right-icon="success_no_circle"/></view></view><view class="section section_gap"><text class="section__title">設(shè)置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">設(shè)置最小/最大值</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' + '發(fā)生 change 事件，攜帶值為', e.detail.value)
    }
  })(i);
}
Page(pageData)

關(guān)于“slider滑動選擇器怎么用”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“slider滑動選擇器怎么用”知識都有一定的了解，大家如果還想學習更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手