alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix search

Browse Source
This commit is contained in:
cookfront
2017-03-16 14:37:11 +08:00
parent 0cd2fc1824
commit 4daac8bc1d
3 changed files with 40 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/search/src/search.vue
+9 -3
View File
@@ -1,16 +1,22 @@
<template>
<div class="zan-search" :class="{ 'is-focus' : isFocus }">
<div class="zan-search" :class="{ 'zan-search--focus' : isFocus }">
<div class="zan-search__input-wrap">
<zan-icon name="search"></zan-icon>
<input type="text" :placeholder="placeholder" v-model="value" v-refocus="focusStatus" @focus="handleFocus" @keyup.enter="handleSearch">
<span class="zan-icon zan-icon-close" @click="handleClean"></span>
<zan-icon name="clear" @click="handleClean"></zan-icon>
</div>
<div class="zan-search__cancel" :class="{ 'is-focus' : isFocus }" @click="handleBack">取消</div>
<div class="zan-search__cancel" :class="{ 'zan-search__cancel--focus' : isFocus }" @click="handleBack">取消</div>
</div>
</template>
<script>
import ZanIcon from 'packages/icon';
export default {
name: 'zan-search',
components: {
ZanIcon
},
props: {
placeholder: {
type: String