这篇文章主要为大家详细介绍了微信小程序slider组件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文为大家分享了微信小程序slider组件的使用方法，供大家参考，具体内容如下
效果图
WXML
设置step,当前设置步伐为5,当前值：{{slider1}} 是否在右侧显示当前值 设置最大值、最小值 滑动选择器设置名称 选择 {{slider4}}
WXSS
.tui-slider-head,.tui-slider-box{
height: 80rpx;
line-height: 80rpx;
font-size: 35rpx;
color: #666;
}JS
Page({
data: {
slider1: 50,
slider2: 50,
slider3: 50,
slider4: 50
},
changeSlider1(e) {
this.setData({ slider1: e.detail.value })
},
changeSlider2(e){
this.setData({ slider2: e.detail.value})
},
changeSlider3(e) {
this.setData({ slider3: e.detail.value })
},
changeSlider4(e) {
this.setData({ slider4: e.detail.value })
}
})注意：slider组件的两个事件：bindchanging拖动过程中触发，bindchange完成一次拖动后触发！
WeWedding婚纱影楼小程序
下载
婚纱影楼小程序提供了一个连接用户与影楼的平台，相当于影楼在微信的官网。它能帮助影楼展示拍摄实力，记录访客数据，宣传优惠活动。使用频率高，方便传播，是影楼在微信端宣传营销的得力助手。功能特点：样片页是影楼展示优秀摄影样片提供给用户欣赏并且吸引客户的。套系页是影楼根据市场需求推出的不同套餐，用户可以按照自己的喜好预定套系。个人中心可以查看用户预约的拍摄计划，也可以获取到影楼的联系方式。
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
