手册版本 V5.0
组件名称
gui-single-slider : /graceUI/组件目录/gui-single-slider
兼容平台
| H5 | APP | 小程序 | NVUE |
| ✔ | ✔ | ✔ | ✔ |
组件属性
| 属性名称 | 类型 | 默认值 | 作用 |
| barHeight | Number | 32 | 组件高度，单位 rpx |
| barWidth | Number | 168 | 滑块宽度，单位 rpx |
| barColor | String | #FFFFFF | 滑块内文本颜色 |
| barBgColor | String | linear-gradient(to right, #3688FF,#3688FF) | 滑块背景颜色 |
| bglineSize | Number | 2 | 滑块背景线条尺寸 |
| bglineColor | String | rgba(54,136,255,0.5) | 滑块背景线条颜色 |
| bglineAColor | String | #3688FF | 滑块背景线条激活颜色 |
| barText | String | '' | 滑块文本内容 |
| barTextSize | String | 20rpx | 滑块文本大小 |
| borderRadius | String | 32rpx | 组件圆角尺寸 |
| canSlide | Boolean | true | 是否允许滑块滑动 |
组件方法
setProgress : 设置组件默认进度, 参数 : 0 - 100 间的整数;
组件事件
@change : 组件进度发生变化时触发，携带参数 : 进度值；
演示代码
UNI 普通版本
NVUE 版本
登录并购买 GraceUI 后可以查阅完整手册内容 。