mirror of
https://github.com/youzan/vant.git
synced 2025-10-18 09:24:25 +00:00
[Improvement] more component use bem mixin (#932)
This commit is contained in:
@@ -1,18 +1,18 @@
|
||||
<template>
|
||||
<div class="van-steps" :class="`van-steps--${direction}`">
|
||||
<div class="van-steps__status" v-if="title || description">
|
||||
<div class="van-steps__icon" v-if="icon || $slots.icon">
|
||||
<div :class="b([direction])">
|
||||
<div v-if="title || description" :class="b('status')">
|
||||
<div v-if="icon || $slots.icon" :class="b('icon')">
|
||||
<slot name="icon">
|
||||
<icon :name="icon" :class="iconClass" />
|
||||
</slot>
|
||||
</div>
|
||||
<div class="van-steps__message">
|
||||
<div class="van-steps__title" v-text="title" />
|
||||
<div class="van-steps__desc van-ellipsis" v-text="description" />
|
||||
<div :class="b('message')">
|
||||
<div :class="b('title')" v-text="title" />
|
||||
<div :class="b('desc')" class="van-ellipsis" v-text="description" />
|
||||
</div>
|
||||
<slot name="message-extra" />
|
||||
</div>
|
||||
<div class="van-steps__items" :class="{ 'van-steps__items--alone': !title && !description }">
|
||||
<div :class="b('items', { alone: !title && !description })">
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user