ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-21 19:24:16 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

docs: prettier all markdown files

Browse Source
This commit is contained in:
chenjiahan
2020-04-11 09:09:00 +08:00
committed by neverland
parent 48067f79db
commit 7f84f8a487
140 changed files with 4441 additions and 4723 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/steps/README.md
View File

@@ -27,20 +27,16 @@ Vue.use(Steps);
export default {
data() {
return {
active: 1
active: 1,
};
}
}
},
};
```
### Custom Style
```html
<van-steps
:active="active"
active-icon="success"
active-color="#38f"
>
<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>
@@ -71,23 +67,23 @@ export default {
### Steps Props
| Attribute | Description | Type | Default |
|------|------|------|------|
| active | Active step | *number \| string* | `0` |
| direction | Can be set to `vertical` | *string* | `horizontal` |
| active-color | Active step color | *string* | `#07c160` |
| active-icon | Active icon name | *string* | `checked` |
| inactive-icon | Active icon name | *string* | - |
| Attribute | Description | Type | Default |
| ------------- | ------------------------ | ------------------ | ------------ |
| active | Active step | _number \| string_ | `0` |
| direction | Can be set to `vertical` | _string_ | `horizontal` |
| active-color | Active step color | _string_ | `#07c160` |
| active-icon | Active icon name | _string_ | `checked` |
| inactive-icon | Active icon name | _string_ | - |
### Step Slots
| Name | Description |
|------|------|
| active-icon | Custom active icon |
| Name | Description |
| ------------- | -------------------- |
| active-icon | Custom active icon |
| inactive-icon | Custom inactive icon |
### Steps Events
| Event | Description | Arguments |
|------|------|------|
| click-step `v2.5.9` | Triggered when a step's title or icon is clicked | *index: number* |
| --- | --- | --- |
| click-step `v2.5.9` | Triggered when a step's title or icon is clicked | _index: number_ |

36
src/steps/README.zh-CN.md
View File

@@ -29,10 +29,10 @@ Vue.use(Steps);
export default {
data() {
return {
active: 1
active: 1,
};
}
}
},
};
```
### 自定义样式
@@ -40,11 +40,7 @@ export default {
可以通过`active-icon`和`active-color`属性设置激活状态下的图标和颜色
```html
<van-steps
:active="active"
active-icon="success"
active-color="#38f"
>
<van-steps :active="active" active-icon="success" active-color="#38f">
<van-step>买家下单</van-step>
<van-step>商家接单</van-step>
<van-step>买家提货</van-step>
@@ -78,22 +74,22 @@ export default {
### Steps Props
| 参数 | 说明 | 类型 | 默认值 |
|------|------|------|------|
| active | 当前步骤 | *number \| string* | `0` |
| direction | 显示方向，可选值为 `vertical` | *string* | `horizontal` |
| active-color | 激活状态颜色 | *string* | `#07c160` |
| active-icon | 激活状态底部图标，可选值见 [Icon 组件](#/zh-CN/icon) | *string* | `checked` |
| inactive-icon | 未激活状态底部图标，可选值见 [Icon 组件](#/zh-CN/icon) | *string* | - |
| --- | --- | --- | --- |
| active | 当前步骤 | _number \| string_ | `0` |
| direction | 显示方向，可选值为 `vertical` | _string_ | `horizontal` |
| active-color | 激活状态颜色 | _string_ | `#07c160` |
| active-icon | 激活状态底部图标，可选值见 [Icon 组件](#/zh-CN/icon) | _string_ | `checked` |
| inactive-icon | 未激活状态底部图标，可选值见 [Icon 组件](#/zh-CN/icon) | _string_ | - |
### Step Slots
| 名称 | 说明 |
|------|------|
| active-icon | 自定义激活状态图标 |
| 名称 | 说明 |
| ------------- | -------------------- |
| active-icon | 自定义激活状态图标 |
| inactive-icon | 自定义未激活状态图标 |
### Steps Events
| 事件名 | 说明 | 回调参数 |
|------|------|------|
| click-step `v2.5.9` | 点击步骤的标题或图标时触发 | *index: number* |
| 事件名 | 说明 | 回调参数 |
| ------------------- | -------------------------- | --------------- |
| click-step `v2.5.9` | 点击步骤的标题或图标时触发 | _index: number_ |