中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

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

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

發布時間:2020-09-14 13:15:07 來源:腳本之家 閱讀:758 作者:Rattenking 欄目:web開發

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

效果圖

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

WXML

<view class="tui-content">
 <view class="tui-slider-head">設置step,當前設置步伐為5,當前值:{{slider1}}</view>
 <view class="tui-slider-box">
  <slider bindchange="changeSlider1" step="5" value="{{slider1}}"/>
 </view>
</view>
<view class="tui-content">
 <view class="tui-slider-head">是否在右側顯示當前值</view>
 <view class="tui-slider-box">
  <slider bindchange="changeSlider2" value="{{slider2}}" show-value/>
 </view>
</view>
<view class="tui-content">
 <view class="tui-slider-head">設置最大值、最小值</view>
 <view class="tui-slider-box">
  <slider bindchange="changeSlider3" min="20" max="90" value="{{slider3}}" show-value/>
 </view>
</view>
<view class="tui-content">
 <view class="tui-slider-head">滑動選擇器設置名稱</view>
 <view class="tui-slider-box">
  <view class="tui-fl">
   選擇
  </view>
  <view class="tui-fl">
   {{slider4}}
  </view>
  <view >
   <slider bindchanging="changeSlider4" value="{{slider4}}"/>
  </view>
 </view>
</view>

WXSS

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

JS

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拖動過程中觸發,bindchange完成一次拖動后觸發!

DEMO下載

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

台中县| 星子县| 炎陵县| 邵东县| 威宁| 五河县| 昭通市| 长泰县| 苍山县| 昔阳县| 焦作市| 新昌县| 胶南市| 永平县| 江阴市| 镇沅| 广灵县| 曲阳县| 凌海市| 阜南县| 凤凰县| 沂源县| 巴彦县| 丰县| 黑龙江省| 公安县| 棋牌| 巴塘县| 靖远县| 沾化县| 鹤山市| 兖州市| SHOW| 财经| 黑山县| 吉水县| 宁乡县| 怀柔区| 海兴县| 襄城县| 崇仁县|