mirror of
https://github.com/youzan/vant.git
synced 2026-04-11 02:08:46 +08:00
[new feature] Steps: add active-icon prop (#2934)
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user