ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-21 11:17:41 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

feat(Steps): add inactive-color prop (#6758)

Browse Source
This commit is contained in:
neverland
2020-07-11 10:24:03 +08:00
committed by GitHub
parent f1e9ca182e
commit 709b822c06
6 changed files with 54 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/step/index.js
View File

@@ -23,10 +23,18 @@ export default createComponent({
},
lineStyle() {
if (this.status === 'finish' && this.parent.activeColor) {
return {
background: this.parent.activeColor,
};
if (this.status === 'finish') {
return { background: this.parent.activeColor };
}
return { background: this.parent.inactiveColor };
},
titleStyle() {
if (this.active) {
return { color: this.parent.activeColor };
}
if (!this.status) {
return { color: this.parent.inactiveColor };
}
},
},
@@ -65,15 +73,13 @@ export default createComponent({
render() {
const { status, active } = this;
const { activeColor, direction } = this.parent;
const titleStyle = active && { color: activeColor };
const { direction } = this.parent;
return (
<div class={[BORDER, bem([direction, { [status]: status }])]}>
<div
class={bem('title', { active })}
style={titleStyle}
style={this.titleStyle}
onClick={this.onClickStep}
>
{this.slots()}