[new feature] Slider: add active-color、inactive-color prop (#2374)

2018-12-25 21:51:46 +08:00
parent 282d8ba27b
commit 9ec78652e1
5 changed files with 50 additions and 18 deletions
@@ -50,13 +50,20 @@ export default {
 #### 自定义样式

 ```html
-<van-slider v-model="value" bar-height="4px" />
+<van-slider
+  v-model="value"
+  bar-height="4px"
+  active-color="#f44"
+/>
 ```

 #### 自定义按钮

 ```html
-<van-slider v-model="value">
+<van-slider
+  v-model="value"
+  active-color="#f44"
+>
  <div
    slot="button"
    class="custom-button"
@@ -76,6 +83,8 @@ export default {
 | min | 最小值 | `Number` | `0` | 1.1.0 |
 | step | 步长 | `Number` | `1` | 1.1.0 |
 | bar-height | 进度条高度 | `String` | `2px` | 1.1.0 |
+| active-color | 进度条激活态颜色 | `String` | `#1989fa` | 1.5.1 |
+| inactive-color | 进度条默认颜色 | `String` | `#e5e5e5` | 1.5.1 |

 ### Event