FWQ
小程序中多滑块的实现代码
本篇文章给大家带来的内容是关于小程序中多滑块的实现代码 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 最近在用原生的代码开发小程序,需要用到多滑块的slider,但是官方的api只支持单滑块,所以就在原来的基础上草草的写了一个。有什么不足的地方还请大家多多指教,想封装成组件的也可自行封装,我这就不讲了。; 话不多说,上代码: html: <view> <view> <text>¥{{leftShowValue}}</text> <text>¥{{rightShowValue}}</text> </view> <view> <slider> <em></em> </slider> <slider></slider> </view></view> 登录后复制 css .sliderHCon { height: 250rpx; width: 100%; margin: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; } .MoneyValue {…