[new feature] Steps: add active-icon prop (#2934)

This commit is contained in:
neverland
2019-03-10 16:56:05 +08:00
committed by GitHub
parent 144fa2d711
commit cca584e9d5
6 changed files with 96 additions and 16 deletions

View File

@@ -30,10 +30,25 @@ export default {
}
```
#### Custom Style
```html
<van-steps
:active="active"
active-icon="success"
active-color="#38f"
>
<van-step>Step1</van-step>
<van-step>Step2</van-step>
<van-step>Step3</van-step>
<van-step>Step4</van-step>
</van-steps>
```
#### Vertical Steps
```html
<van-steps direction="vertical" :active="0" active-color="#f44">
<van-steps direction="vertical" :active="0">
<van-step>
<h3>【City】Status1</h3>
<p>2016-07-12 12:40</p>
@@ -58,7 +73,8 @@ export default {
| icon-class | Icon class | `String` | - |
| title | Title | `String` | - |
| description | Description | `String` | - |
| direction | Can be set to `horizontal` `vertical` | `String` | `horizontal` |
| direction | Can be set to `vertical` | `String` | `horizontal` |
| active-icon | Active icon name | `String` | `checked` |
| active-color | Active step color | `String` | `#07c160` |
### Steps Slot