blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

step component

Browse Source
This commit is contained in:
cookfront 2017-03-02 19:37:10 +08:00
parent f03698bc12
commit 98d1bc7157
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/examples/steps.vue
View File

@ -6,7 +6,6 @@
<zan-steps :active="active" icon="certificate" icon-class="steps-success" title="等待商家发货" description="等待商家发货等待商家发货等待商家发货等待商家发货等待商家发货"> <zan-steps :active="active" icon="certificate" icon-class="steps-success" title="等待商家发货" description="等待商家发货等待商家发货等待商家发货等待商家发货等待商家发货">
<zan-step>买家下单</zan-step> <zan-step>买家下单</zan-step>
<zan-step>商家接单</zan-step> <zan-step>商家接单</zan-step>
<zan-step>买家提货</zan-step>
<zan-step>交易完成</zan-step> <zan-step>交易完成</zan-step>
</zan-steps> </zan-steps>
<zan-button @click="nextStep">下一步</zan-button> <zan-button @click="nextStep">下一步</zan-button>
@ -14,7 +13,6 @@
<h2 class="page-sub-title">只显示步骤条</h2> <h2 class="page-sub-title">只显示步骤条</h2>
<zan-steps :active="active"> <zan-steps :active="active">
<zan-step>买家下单</zan-step> <zan-step>买家下单</zan-step>
<zan-step>商家接单</zan-step>
<zan-step>买家提货</zan-step> <zan-step>买家提货</zan-step>
<zan-step>交易完成</zan-step> <zan-step>交易完成</zan-step>
</zan-steps> </zan-steps>

6
packages/zanui-css/src/steps.css
View File

@ -12,6 +12,12 @@
} }
} }
@m 3 {
.zan-step {
width: 50%;
}
}
@e icon { @e icon {
font-size: 40px; font-size: 40px;
line-height: 1; line-height: 1;