[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:
neverland
2017-11-16 03:12:13 -06:00
committed by GitHub
parent 5cbc374208
commit ffa3fddfae
42 changed files with 116 additions and 306 deletions

View File

@@ -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
} : {};
}
}
};