feat(Stepper): add theme prop (#6282)

* feat(Stepper): add theme prop * docs: add round theme doc
2020-05-15 16:43:37 +08:00
parent 26e9492d79
commit 8307b3d9ad
7 changed files with 78 additions and 9 deletions
@@ -121,6 +121,14 @@ export default {
 };
 ```

+### 圆角风格
+
+将 theme 设置为 `round` 来展示圆角风格的步进器
+
+```html
+<van-stepper v-model="value" theme="round" button-size="22" disable-input />
+```
+
 ## API

 ### Props
@@ -136,6 +144,7 @@ export default {
 | input-width | 输入框宽度，默认单位为`px` | _number \| string_ | `32px` |
 | button-size `v2.0.5` | 按钮大小以及输入框高度，默认单位为`px` | _number \| string_ | `28px` |
 | decimal-length `v2.2.1` | 固定显示的小数位数 | _number \| string_ | - |
+| theme `v2.8.2` | 样式风格，可选值为 `round` | _string_ | - |
 | integer | 是否只允许输入整数 | _boolean_ | `false` |
 | disabled | 是否禁用步进器 | _boolean_ | `false` |
 | disable-plus `v2.2.16` | 是否禁用增加按钮 | _boolean_ | `false` |