更新记录

0.2.1（2022-01-16） 下载此版本

修改范围选择返回的bug

0.2（2021-10-14） 下载此版本

修复选择数值错误信息， 添加onChang事件

0.1（2021-10-12） 下载此版本

滑块选取器，已支持自定义配置颜色，范围选择

查看更多

平台兼容性

Vue2 Vue3
√ ×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
× × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
√ √ √ √ √ √ √ √ √

HevuSliderSelector 适用于uinapp 滑块选择器，不支持vue3

加载框，组件名：hevu-slider-selector 本组件目前兼容H5，5+APP，其他平台没试过（大概率不会有太大问题）

普通用法

<HevuSliderSelector />

普通用法

<HevuSliderSelector :sliderHeight='40' sliderSelectorColor='#0ff' :max='97' company='px' :min='23' :selectorSize='60' selectorColor='#f0f' silderValueShow range/>

属性

名称 类型 默认值 描述
bgColor String #eee 滑块选择器背景颜色
range Boolean false 是否为范围选择
max Number 100 滑块选择最大值
min Number 0 滑块选择最小值
value Array/Number 0 默认选择数值
company String -- 滑块选择器单位
toFixed Number 0 滑块选择器数值保留小数位数（小于0按0处理）
sliderHeight Number 20 滑块选择器滑动条高度
silderValueShow Boolean false 选择器是否显示起始数值
silderValueSize Number 22 选择器显示起始数值字体大小
silderValueColor String #000 选择器显示起始数值字体颜色
selectorSize Number 40 滑块按钮大小
selectorColor String #3375f6 滑块按钮颜色
selectorValueColor String #000 滑块按钮选择数值颜色
selectorValueSize Number 30 滑块按钮选择数值字体大小
selectorValueShow Boolean true 滑块按钮选择数值是否显示
sliderSelectorColor String #3375f6 滑块选择数据内滑块背景颜色

方法

名称 参数 描述
onChange Array 返回选择的数值

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

插件不采集任何数据

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉
加载更多...
插件问答 我要提问

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问

加载更多...