直播系统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用法， 更多内容欢迎关注之后的文章