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

fix(Step): active-color should be effective for line

Browse Source
This commit is contained in:
陈嘉涵 2020-01-28 16:00:08 +08:00
parent 9e7a687414
commit cfadcefb0a
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/step/index.js
View File

@ -53,7 +53,9 @@ export default createComponent({
render() {
const { status, active } = this;
const { activeColor, direction } = this.parent;
const titleStyle = active && { color: activeColor };
const lineStyle = status === 'finish' && { background: activeColor };
return (
<div class={[BORDER, bem([direction, { [status]: status }])]}>
@ -61,7 +63,7 @@ export default createComponent({
{this.slots()}
</div>
<div class={bem('circle-container')}>{this.genCircle()}</div>
<div class={bem('line')} />
<div class={bem('line')} style={lineStyle} />
</div>
);
},

2
src/steps/test/__snapshots__/demo.spec.js.snap
View File

@ -36,7 +36,7 @@ exports[`renders demo correctly 1`] = `
<div class="van-step__title">买家下单</div>
<div class="van-step__circle-container"><i class="van-icon van-icon-arrow van-step__icon">
<!----></i></div>
<div class="van-step__line"></div>
<div class="van-step__line" style="background: rgb(51, 136, 255);"></div>
</div>
<div class="van-hairline van-step van-step--horizontal van-step--process">
<div class="van-step__title van-step__title--active" style="color: rgb(51, 136, 255);">商家接单</div>