alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
packages/steps/test/__snapshots__/demo.spec.js.snap
+29 -2
View File
@@ -29,15 +29,42 @@ exports[`renders demo correctly 1`] = `
</div>
</div> <button class="van-button van-button--default van-button--normal"><span class="van-button__text">下一步</span></button>
</div>
<div>
<div class="van-steps van-steps--horizontal">
<div class="van-steps__items van-steps__items--alone">
<div class="van-hairline van-step van-step--horizontal van-step--finish">
<div class="van-step__title">买家下单</div>
<div class="van-step__circle-container"><i class="van-step__circle"></i></div>
<div class="van-step__line"></div>
</div>
<div class="van-hairline van-step van-step--horizontal van-step--process">
<div class="van-step__title" style="color:#38f;">商家接单</div>
<div class="van-step__circle-container"><i class="van-icon van-icon-success" style="color:#38f;">
<!----></i></div>
<div class="van-step__line"></div>
</div>
<div class="van-hairline van-step van-step--horizontal">
<div class="van-step__title">买家提货</div>
<div class="van-step__circle-container"><i class="van-step__circle"></i></div>
<div class="van-step__line"></div>
</div>
<div class="van-hairline van-step van-step--horizontal">
<div class="van-step__title">交易完成</div>
<div class="van-step__circle-container"><i class="van-step__circle"></i></div>
<div class="van-step__line"></div>
</div>
</div>
</div>
</div>
<div>
<div class="van-steps van-steps--vertical">
<div class="van-steps__items van-steps__items--alone">
<div class="van-hairline van-step van-step--vertical van-step--process">
<div class="van-step__title" style="color:#f44;">
<div class="van-step__title" style="color:#07c160;">
<h3>【城市】物流状态1</h3>
<p>2016-07-12 12:40</p>
</div>
<div class="van-step__circle-container"><i class="van-icon van-icon-checked" style="color:#f44;">
<div class="van-step__circle-container"><i class="van-icon van-icon-checked" style="color:#07c160;">
<!----></i></div>
<div class="van-step__line"></div>
</div>