修改搜索
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user