这篇文章主要为大家详细介绍了微信小程序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完成一次拖动后触发!
婚纱影楼小程序提供了一个连接用户与影楼的平台,相当于影楼在微信的官网。它能帮助影楼展示拍摄实力,记录访客数据,宣传优惠活动。使用频率高,方便传播,是影楼在微信端宣传营销的得力助手。功能特点:样片页是影楼展示优秀摄影样片提供给用户欣赏并且吸引客户的。套系页是影楼根据市场需求推出的不同套餐,用户可以按照自己的喜好预定套系。个人中心可以查看用户预约的拍摄计划,也可以获取到影楼的联系方式。
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:










