mirror of
https://github.com/youzan/vant.git
synced 2025-10-20 02:31:21 +00:00
[Improvement] more component use bem mixin (#932)
This commit is contained in:
@@ -1,13 +1,13 @@
|
||||
<template>
|
||||
<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'" />
|
||||
<icon v-else name="checked" :style="{ color: $parent.activeColor }" />
|
||||
</div>
|
||||
<div class="van-step__title" :style="titleStyle">
|
||||
<div class="van-hairline" :class="b([$parent.direction, { [status]: status }])">
|
||||
<div :class="b('title')" :style="titleStyle">
|
||||
<slot />
|
||||
</div>
|
||||
<div class="van-step__line" />
|
||||
<div :class="b('circle-container')">
|
||||
<i :class="b('circle')" v-if="status !== 'process'" />
|
||||
<icon v-else name="checked" :style="{ color: $parent.activeColor }" />
|
||||
</div>
|
||||
<div :class="b('line')" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
Reference in New Issue
Block a user