slider

基礎(chǔ)庫(kù) 1.0.0 開始支持本組件。

滑動(dòng)選擇器。

屬性說明

效果示例

代碼示例

<view class="page-section page-section-gap">
  <view class="page-section-title">設(shè)置step</view>
  <view class="body-view">
    <slider value="60" bindchange="slider2change" step="5" />
  </view>
</view>

<view class="page-section page-section-gap">
  <view class="page-section-title">顯示當(dāng)前value</view>
  <view class="body-view">
    <slider value="50" bindchange="slider3change" show-value />
  </view>
</view>

<view class="page-section page-section-gap">
  <view class="page-section-title">設(shè)置最小/最大值</view>
  <view class="body-view">
    <slider
      value="100"
      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);