[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,23 +1,23 @@
<template>
<div class="van-pull-refresh">
<div :class="b()">
<div
class="van-pull-refresh__track"
:class="b('track')"
:style="style"
@touchstart="onTouchStart"
@touchmove="onTouchMove"
@touchend="onTouchEnd"
@touchcancel="onTouchEnd"
>
<div class="van-pull-refresh__head">
<slot name="normal" v-if="status === 'normal'"/>
<slot name="pulling" v-if="status === 'pulling'">
<span class="van-pull-refresh__text">{{ pullingText || $t('pulling') }}</span>
<div :class="b('head')">
<slot v-if="status === 'normal'" name="normal" />
<slot v-if="status === 'pulling'" name="pulling">
<span :class="b('text')">{{ pullingText || $t('pulling') }}</span>
</slot>
<slot name="loosing" v-if="status === 'loosing'">
<span class="van-pull-refresh__text">{{ loosingText || $t('loosing') }}</span>
<slot v-if="status === 'loosing'" name="loosing">
<span :class="b('text')">{{ loosingText || $t('loosing') }}</span>
</slot>
<slot name="loading" v-if="status === 'loading'">
<div class="van-pull-refresh__loading">
<slot v-if="status === 'loading'" name="loading">
<div :class="b('loading')">
<loading />
<span>{{ loadingText || $t('loadingTip') }}</span>
</div>