搜索框优化

master
gongfuxiang 2023-12-17 11:58:27 +08:00
parent f4e8afead9
commit 4b3259c304
1 changed files with 4 additions and 7 deletions

View File

@ -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;