修改搜索

This commit is contained in:
xuli3099
2025-08-25 16:08:21 +08:00
parent 1c906127b1
commit fd5c5739e4
4 changed files with 9 additions and 13 deletions

View File

@@ -5,7 +5,7 @@
<!-- @confirm="handleSearch" @cancel="handleCancel"--> <!-- @confirm="handleSearch" @cancel="handleCancel"-->
<uni-search-bar class="custom-search" <uni-search-bar class="custom-search"
radius="28" radius="28"
placeholder="请输入您想查询的内容或服务" placeholder="请输入搜索条件"
clearButton="auto" clearButton="auto"
bgColor="#6FA2F8" textColor="#ffffff" bgColor="#6FA2F8" textColor="#ffffff"
v-model="searchText" v-model="searchText"

View File

@@ -19,7 +19,7 @@
></customSearch> ></customSearch>
<view class="search" v-else> <view class="search" v-else>
<uni-search-bar class="custom-search" radius="28" <uni-search-bar class="custom-search" radius="28"
placeholder="请输入您想查询的内容或服务" placeholder="请输入搜索条件"
clearButton="auto" cancelButton="none" clearButton="auto" cancelButton="none"
bgColor="#6FA2F8" textColor="#ffffff" bgColor="#6FA2F8" textColor="#ffffff"
@focus="handleSearchFocus" @focus="handleSearchFocus"

View File

@@ -29,7 +29,8 @@
<view class="search-bg"> <view class="search-bg">
<view class="search-left">{{ notictTypeCheck.name?notictTypeCheck.name:'全部' }}</view> <view class="search-left">{{ notictTypeCheck.name?notictTypeCheck.name:'全部' }}</view>
<view class="search-right"> <view class="search-right">
<input class="uni-input" v-model="searchText" placeholder="请输入您想查询的内容或服务" placeholder-class="search-color" /> <uni-icons type="search" size="20" color="#ffffff"></uni-icons>
<input class="uni-input" v-model="searchText" placeholder="搜索" placeholder-class="search-color" />
</view> </view>
</view> </view>
</view> </view>

View File

@@ -207,26 +207,21 @@ page {
/* width:10%; */ /* width:10%; */
} }
.search-bg .search-right{ .search-bg .search-right{
margin-top:10rpx; padding-left:25rpx;
padding-left:30rpx;
/* width:60%; */ /* width:60%; */
display: flex;
align-items: center;
} }
.search-bg .search-right .uni-input{ .search-bg .search-right .uni-input{
color:#fff; color:#fff;
font-size:28rpx; font-size:28rpx;
} }
.search-bg .search-right .uni-input-placeholder::before{
font-family: uniicons;
content: "\e654";
font-size: 40rpx !important;
margin-right:10rpx;
}
.search-bg .search-right .uni-input .uni-input-input{ .search-bg .search-right .uni-input .uni-input-input{
width: 420rpx; /* width: 380rpx; */
} }
.search-bg .search-right .uni-input .search-color{ .search-bg .search-right .uni-input .search-color{
color:#fff !important; color:#fff !important;
/* margin-top:-5px !important; */
display: flex; display: flex;
align-items: center; align-items: center;
} }