首页 > 编程语言 >直播系统app源码,滑块效果、slider用法

直播系统app源码,滑块效果、slider用法

时间:2023-05-16 14:11:14浏览次数:49  
标签:滑块 app price 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用法, 更多内容欢迎关注之后的文章

 

标签:滑块,app,price,slider,直播,源码
From: https://www.cnblogs.com/yunbaomengnan/p/17405473.html

相关文章