mirror of
https://github.com/youzan/vant.git
synced 2025-10-20 02:31:21 +00:00
[bugfix] remove unnecessary props (#323)
* fix: Tabbar icon line-height * [new feature] progress add showPivot prop * [new feature] TabItem support vue-router * [new feature] update document header style * [Doc] add toast english ducoment * [bugfix] Search box-sizing wrong * [Doc] update vant-demo respo * [Doc] translate theme & demo pages * [Doc] add Internationalization document * [bugfix] remove unnecessary props
This commit is contained in:
@@ -1,13 +1,13 @@
|
||||
<template>
|
||||
<div class="van-step van-hairline" :class="stepClass">
|
||||
<div class="van-step van-hairline" :class="[`van-step--${$parent.direction}`, { [`van-step--${status}`]: status }]">
|
||||
<div class="van-step__circle-container">
|
||||
<i class="van-step__circle" v-if="status !== 'process'"></i>
|
||||
<i class="van-icon van-icon-checked" :style="{ color: $parent.activeColor }" v-else></i>
|
||||
<i class="van-step__circle" v-if="status !== 'process'" />
|
||||
<i class="van-icon van-icon-checked" :style="{ color: $parent.activeColor }" v-else />
|
||||
</div>
|
||||
<div class="van-step__title" :style="titleStyle">
|
||||
<slot></slot>
|
||||
</div>
|
||||
<div class="van-step__line"></div>
|
||||
<div class="van-step__line" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -30,18 +30,11 @@ export default {
|
||||
return 'process';
|
||||
}
|
||||
},
|
||||
stepClass() {
|
||||
const status = this.status;
|
||||
const statusClass = status ? 'van-step--' + status : '';
|
||||
const directionClass = `van-step--${this.$parent.direction}`;
|
||||
return [directionClass, statusClass];
|
||||
},
|
||||
|
||||
titleStyle() {
|
||||
if (this.status === 'process') {
|
||||
return {
|
||||
color: this.$parent.activeColor
|
||||
};
|
||||
}
|
||||
return this.status === 'process' ? {
|
||||
color: this.$parent.activeColor
|
||||
} : {};
|
||||
}
|
||||
}
|
||||
};
|
||||
|
Reference in New Issue
Block a user