[bug fix] Search: 优化搜索显示 (#191)

This commit is contained in:
Yao 2017-10-11 12:40:35 +08:00 committed by GitHub
parent 8477157684
commit 96cbef9edd
2 changed files with 12 additions and 3 deletions

View File

@ -6,7 +6,7 @@
<div class="van-search__input-wrap"> <div class="van-search__input-wrap">
<van-icon name="search"></van-icon> <van-icon name="search"></van-icon>
<input <input
type="text" type="search"
:placeholder="placeholder" :placeholder="placeholder"
class="van-search__input" class="van-search__input"
v-model="value" v-model="value"

View File

@ -30,7 +30,9 @@
&__input { &__input {
display: block; display: block;
width: 100%; width: 100%;
height: 14px; height: 16px;
line-height: 16px;
padding: 0;
font-size: 14px; font-size: 14px;
color: $gray-darker; color: $gray-darker;
border: none; border: none;
@ -38,6 +40,13 @@
&::placeholder { &::placeholder {
color: $gray-dark; color: $gray-dark;
} }
&::-webkit-search-decoration,
&::-webkit-search-cancel-button,
&::-webkit-search-results-button,
&::-webkit-search-results-decoration {
display: none;
}
} }
&__cancel { &__cancel {
@ -69,4 +78,4 @@
transform: translateY(-50%); transform: translateY(-50%);
color: #888; color: #888;
} }
} }