直播系统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