ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-19 18:14:13 +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

11
packages/picker/PickerColumn.vue
View File

@@ -1,8 +1,7 @@
<template>
<div
class="van-picker-column"
:class="className"
:class="[b(), className]"
:style="columnStyle"
@touchstart="onTouchStart"
@touchmove.prevent="onTouchMove"
@@ -14,10 +13,10 @@
v-for="(option, index) in options"
v-text="getOptionText(option)"
class="van-ellipsis"
:class="{
'van-picker-column--disabled': isDisabled(option),
'van-picker-column--selected': index === currentIndex
}"
:class="b('item', {
disabled: isDisabled(option),
selected: index === currentIndex
})"
@click="setIndex(index, true)"
/>
</ul>

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>