[Improvement] more component use bem mixin (#932)

This commit is contained in:
neverland
2018-04-24 23:33:51 +08:00
committed by GitHub
parent 91163b2f14
commit c012a65ba3
23 changed files with 110 additions and 119 deletions

View File

@@ -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>