直播系統app原始碼，滑塊效果、slider用法

直播系統app原始碼，滑塊效果、slider用法

      <view class="selconbox">
        <view class="seltit">購買力</view>
        <view class="progressbox">
          <view class="zijintit" wx:if="{{price == 0}}">未知</view>
          <view class="zijintit" wx:elif="{{price == 500}}">500萬+</view>
          <view class="zijintit" wx:else>{{price}}萬</view>
          <slider bindchanging="zijinchange" 
                  bindchange="zijinchange" 
                    step="10" 
                    min="0" 
                    max="500"
                    value="{{price}}"
                    backgroundColor="#dcdcdc"
                    activeColor="#ff4a4a"
                    block-size="20"
                    block-color="#fff" />
          <view class="zijinkedu">
            <view class="kedutxt">未知</view>
            <!-- <view class="kedutxt">10萬</view>
            <view class="kedutxt">50萬</view>
            <view class="kedutxt">200萬</view> -->
            <view class="kedutxt">500萬+</view>
          </view>
        </view>
      </view>

js:

data:{
price:0
}
 
zijinchange: function (e) {
    this.setData({
      price: e.detail.value
    })
    // console.log(e);
  },

 以上就是直播系統app原始碼，滑塊效果、slider用法， 更多內容歡迎關注之後的文章