ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-20 02:31:21 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

16
packages/picker/index.vue
View File

@@ -1,16 +1,16 @@
<template>
<div class="van-picker">
<div class="van-picker__toolbar van-hairline--top-bottom" v-if="showToolbar">
<div :class="b()">
<div :class="b('toolbar')" class="van-hairline--top-bottom" v-if="showToolbar">
<slot>
<div class="van-picker__cancel" @click="emit('cancel')">{{ cancelButtonText || $t('cancel') }}</div>
<div class="van-picker__title van-ellipsis" v-if="title" v-text="title" />
<div class="van-picker__confirm" @click="emit('confirm')">{{ confirmButtonText || $t('confirm') }}</div>
<div :class="b('cancel')" @click="emit('cancel')">{{ cancelButtonText || $t('cancel') }}</div>
<div :class="b('title')" class="van-ellipsis" v-if="title" v-text="title" />
<div :class="b('confirm')" @click="emit('confirm')">{{ confirmButtonText || $t('confirm') }}</div>
</slot>
</div>
<div v-if="loading" class="van-picker__loading">
<div v-if="loading" :class="b('loading')">
<loading />
</div>
<div class="van-picker__columns" :style="columnsStyle" @touchmove.prevent>
<div :class="b('columns')" :style="columnsStyle" @touchmove.prevent>
<picker-column
v-for="(item, index) in currentColumns"
:key="index"
@@ -22,7 +22,7 @@
:visible-item-count="visibleItemCount"
@change="onChange(index)"
/>
<div class="van-picker__frame van-hairline--top-bottom" :style="frameStyle" />
<div :class="b('frame')" class="van-hairline--top-bottom" :style="frameStyle" />
</div>
</div>
</template>