ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-19 18:14:13 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

vant-css: use hairline classes instead of mixins

Browse Source
This commit is contained in:
陈嘉涵
2017-09-05 10:50:17 +08:00
parent 99f712104e
commit 9dd8a93067
63 changed files with 414 additions and 466 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/steps/index.vue
View File

@@ -16,8 +16,8 @@
</slot>
</div>
<div class="van-steps__items" :class="{
'van-steps__items--alone': !title && !description
}">
'van-steps__items--alone': !title && !description
}">
<slot></slot>
</div>
</div>
@@ -60,11 +60,11 @@ export default {
computed: {
stepsClass() {
const direction = this.direction;
const lengthClass = `van-steps--${this.steps.length}`;
const directionClass = `van-steps--${direction}`;
return direction === 'horizontal' ? [lengthClass, directionClass] : [directionClass];
return [
`van-steps--${this.direction}`, {
[`van-steps--${this.steps.length}`]: this.direction === 'horizontal'
}
];
}
}
};