搜索框优化
parent
f4e8afead9
commit
4b3259c304
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<view :class="theme_view">
|
||||
<view :class="'search-content pr round '+propSize">
|
||||
<view :class="'search-content pr round '+propSize" :style="'background:' + propBgColor + ';' + ((propBrColor || null) != null ? 'border:1px solid ' + propBrColor + ';' : '')">
|
||||
<view class="search-icon dis-inline-block pa" @tap="search_icon_event">
|
||||
<iconfont :name="propIcon" :color="propIconColor" size="24rpx"></iconfont>
|
||||
</view>
|
||||
|
|
@ -14,8 +14,8 @@
|
|||
@input="search_input_value_event"
|
||||
@confirm="search_submit_confirm_event"
|
||||
@focus="search_input_focus_event"
|
||||
@blur="search_input_blur_event"
|
||||
:style="'color:' + propTextColor + ';background:' + propBgColor + ';' + ((propBrColor || null) != null ? 'border:1px solid ' + propBrColor + ';' : '')"
|
||||
@blur="search_input_blur_event"
|
||||
:style="'color:' + propTextColor + ';'"
|
||||
/>
|
||||
<button v-if="propIsBtn" class="search-btn pa bg-main" size="mini" type="default" @tap="search_submit_confirm_event">搜索</button>
|
||||
</view>
|
||||
|
|
@ -187,10 +187,7 @@
|
|||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.search-content {
|
||||
background-color: #fff;
|
||||
}
|
||||
<style scoped>
|
||||
.search-content .search-icon {
|
||||
z-index: 1;
|
||||
left: 0;
|
||||
|
|
|
|||
Loading…
Reference in New Issue