真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

微信小程序slider組件使用詳解

本文為大家分享了微信小程序slider組件的使用方法，供大家參考，具體內容如下

創(chuàng)新互聯(lián)建站專注于陽春網站建設服務及定制，我們擁有豐富的企業(yè)做網站經驗。熱誠為您提供陽春營銷型網站建設，陽春網站制作、陽春網頁設計、陽春網站官網定制、小程序設計服務，打造陽春網絡公司原創(chuàng)品牌,更為您提供陽春網站排名全網營銷落地服務。

效果圖

微信小程序slider組件使用詳解

WXML


 設置step,當前設置步伐為5,當前值：{{slider1}}
 
  
 


 是否在右側顯示當前值
 
  
 


 設置最大值、最小值
 
  
 


 滑動選擇器設置名稱
 
  
   選擇
  
  
   {{slider4}}

WXSS

.tui-slider-head,.tui-slider-box{
 height: 80rpx;
 line-height: 80rpx;
 font-size: 35rpx;
 color: #666;
}

Page({
 data: {
  slider1: 50,
  slider2: 50,
  slider3: 50,
  slider4: 50
 },
 changeSlider1(e) {
  this.setData({ slider1: e.detail.value })
 },
 changeSlider2(e){
  this.setData({ slider2: e.detail.value})
 },
 changeSlider3(e) {
  this.setData({ slider3: e.detail.value })
 },
 changeSlider4(e) {
  this.setData({ slider4: e.detail.value })
 }
})

注意：slider組件的兩個事件：bindchanging拖動過程中觸發(fā)，bindchange完成一次拖動后觸發(fā)！

DEMO下載

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

名稱欄目：微信小程序slider組件使用詳解
網站URL：http://weahome.cn/article/jssdid.html