# slider

> 基础库 1.0.0 开始支持，低版本需做[兼容处理](1003706)。

> __微信 Windows 版__：支持
> 
> __微信 Mac 版__：支持
> 
> __微信 鸿蒙 OS 版__：支持

渲染框架支持情况：Skyline （使用最新 [Nightly](/miniprogram/dev/devtools/nightly.html) 工具调试）、WebView

## 功能描述

滑动选择器。

## 属性说明

| 属性 | 类型 | 默认值 | 必填 | 说明 | 最低版本 |
| ---- | ---- | ------ | -------- | ---- | -------- |
| min | number | 0 | 否 | 最小值 | [1.0.0](1003706) |
| max | number | 100 | 否 | 最大值 | [1.0.0](1003706) |
| step | number | 1 | 否 | 步长，取值必须大于 0，并且可被(max - min)整除 | [1.0.0](1003706) |
| disabled | boolean | false | 否 | 是否禁用 | [1.0.0](1003706) |
| value | number | 0 | 否 | 当前取值 | [1.0.0](1003706) |
| color | color | #e9e9e9 | 否 | 背景条的颜色（请使用 backgroundColor） | [1.0.0](1003706) |
| selected-color | color | #1aad19 | 否 | 已选择的颜色（请使用 activeColor） | [1.0.0](1003706) |
| activeColor | color | #1aad19 | 否 | 已选择的颜色 | [1.0.0](1003706) |
| backgroundColor | color | #e9e9e9 | 否 | 背景条的颜色 | [1.0.0](1003706) |
| block-size | number | 28 | 否 | 滑块的大小，取值范围为 12 - 28 | [1.9.0](1003706) |
| block-color | color | #ffffff | 否 | 滑块的颜色 | [1.9.0](1003706) |
| show-value | boolean | false | 否 | 是否显示当前 value | [1.0.0](1003706) |
| bind:change | eventhandle |  | 否 | 完成一次拖动后触发的事件，event.detail = {value} | [1.0.0](1003706) |
| bind:changing | eventhandle |  | 否 | 拖动过程中触发的事件，event.detail = {value} | [1.7.0](1003706) |

## 示例代码

[在开发者工具中预览效果](https://developers.weixin.qq.com/s/3NbqVcm56OYS)