小程序双向滑动组件双向slider滑动微信小程序组件slider组件

小程序双向滑动组件双向slider滑动微信小程序组件slider组件_第1张图片

小程序双向滑动组件双向slider滑动微信小程序组件slider组件_第2张图片

使用说明:

第一步、将zyslider和utils两个目录放在zjlist里面。如下图

小程序双向滑动组件双向slider滑动微信小程序组件slider组件_第3张图片

第二步、在需要使用的页面json中引入组件。如下图

小程序双向滑动组件双向slider滑动微信小程序组件slider组件_第4张图片

第三步、在wxml代码中写入以下代码

小程序双向滑动组件双向slider滑动微信小程序组件slider组件_第5张图片

第四步、参数解析

min:最小值

max:最大值

selectedColor:滑动条选中颜色

blockColor:滑块颜色

backgroundColor:滑动条背景色

minValue:设置的最小值

maxValue:设置的最大值

lowValueChange:最小值改变事件,et.detail.lowValue获取新值

heighValueChange:最大值改变事件,et.detail.heighValue获取新值

你可能感兴趣的:(微信小程序,uniapp,小程序,滑动组件,双向slider)