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 effect circle (#6229)

Browse Source 
* fix(Step): active-color should effect circle

* chore: improve line style
This commit is contained in:
neverland 2020-05-07 16:28:05 +08:00 committed by GitHub
parent 9eb88df562
commit 14530f3709
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/step/index.js
View File

@ -21,6 +21,14 @@ export default createComponent({
active() {
return this.status === 'process';
},
lineStyle() {
if (this.status === 'finish' && this.parent.activeColor) {
return {
background: this.parent.activeColor,
};
}
},
},
methods: {
@ -47,7 +55,7 @@ export default createComponent({
);
}
return <i class={bem('circle')} />;
return <i class={bem('circle')} style={this.lineStyle} />;
},
onClickStep() {
@ -60,7 +68,6 @@ export default createComponent({
const { activeColor, direction } = this.parent;
const titleStyle = active && { color: activeColor };
const lineStyle = status === 'finish' && { background: activeColor };
return (
<div class={[BORDER, bem([direction, { [status]: status }])]}>
@ -74,7 +81,7 @@ export default createComponent({
<div class={bem('circle-container')} onClick={this.onClickStep}>
{this.genCircle()}
</div>
<div class={bem('line')} style={lineStyle} />
<div class={bem('line')} style={this.lineStyle} />
</div>
);
},