更新记录

1.0.1（2024-01-19）

修复bug

  • 类型切换效果显示问题
  • 屏幕尺寸变化显示问题

1.0.0（2023-12-28）

水平滑块

垂直滑块

颜色控制

气泡框控制 和 内容插槽

滑块样式控制和插槽

平台兼容性

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

1.0.0

兼容

vue2 vue3
√ x

Props

属性名称 类型 默认值 说明
value Number 0 滑块值
min Number 0 滑块最小值
max Number 0 滑块最大值
step Number 1 步长
type String horizontal 水平:horizontal 垂直:vertical
thumbSize Number 24 滑块尺寸
thumbColor String #fff 滑块颜色
trackWidth Number #fff 轨道宽度
trackRadius Number #fff 轨道圆角
trackActiveColor String #29d 轨道选中颜色
trackUnactiveColor String #e6e6e6 轨道默认颜色
showBubble Boolean true 显示气泡提示框
bubblePos String top 气泡所在位置 top,left,right,bottom
bubbleOffset Number #fff 气泡偏移数值

Slot

插槽名称 说明
icon 替换滑块图标
bubble 替换气泡内容

Event

事件名称
changed
changing
movestart
moveend

隐私、权限声明

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

无

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

无

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

无

许可协议

MIT协议
评论列表 撰写评论

暂无用户评论。

插件问答 我要提问

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

加载更多...