ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-18 01:17:15 +00:00
Code Issues Actions 2 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

14
packages/search/index.vue
View File

@@ -1,23 +1,23 @@
<template>
<div
class="van-search"
:class="{ 'van-search--show-action': showAction }"
:style="{ 'background-color': background }">
<div class="van-search__input-wrap" v-clickoutside="onClickoutside">
:class="b({ 'show-action': showAction })"
:style="{ 'background-color': background }"
>
<div :class="b('wrap')" v-clickoutside="onClickoutside">
<icon name="search" />
<input
v-bind="$attrs"
v-on="listeners"
v-refocus="focusStatus"
type="search"
class="van-search__input"
:class="b('input')"
:value="value"
>
<icon name="clear" v-show="isFocus && value" @click="onClean" />
</div>
<div class="van-search__action" v-if="showAction">
<div v-if="showAction" :class="b('action')" >
<slot name="action">
<div class="van-search__action-text" @click="onBack">{{ $t('cancel') }}</div>
<div :class="b('cancel')" @click="onBack">{{ $t('cancel') }}</div>
</slot>
</div>
</div>