搜索优化

This commit is contained in:
zxy
2024-02-21 18:01:39 +08:00
parent 8314a2232e
commit 57cad2c12f

View File

@@ -5,7 +5,7 @@
<view class="search-item"> <view class="search-item">
<image src="../../static/img/search.svg" style="width: 32rpx;height: 32rpx;" mode=""></image> <image src="../../static/img/search.svg" style="width: 32rpx;height: 32rpx;" mode=""></image>
<input type="text" confirm-type="搜索" v-model="keywords" @confirm="getNewList('search')" <input type="text" confirm-type="搜索" v-model="keywords" @confirm="getNewList('search')"
placeholder="请输入任务名称或公司名称" /> placeholder="搜任务/搜岗位/搜政策" />
<view @click="getNewList('search')" style="width: 80rpx;height: 50rpx;color:#fff;background-color: #0091ff;font-size:24rpx;text-align: center;line-height: 50rpx;border-radius: 25rpx;;">搜索</view> <view @click="getNewList('search')" style="width: 80rpx;height: 50rpx;color:#fff;background-color: #0091ff;font-size:24rpx;text-align: center;line-height: 50rpx;border-radius: 25rpx;;">搜索</view>
</view> </view>
<!-- <view class="close" @click="closeBack"> <!-- <view class="close" @click="closeBack">
@@ -287,8 +287,7 @@ export default {
.headSearch .search-item { .headSearch .search-item {
display: flex; display: flex;
width: 90%; padding: 0 10rpx;
padding: 0 24rpx;
height: 60rpx; height: 60rpx;
line-height: 60rpx; line-height: 60rpx;
background: rgba(249, 249, 249, 1); background: rgba(249, 249, 249, 1);
@@ -334,7 +333,7 @@ export default {
} }
.search-history { .search-history {
background-color: #fff; background-color: #fff;
padding: 10rpx 20rpx; padding: 10rpx 40rpx;
position: relative; position: relative;
} }
.search-history .title { .search-history .title {
@@ -343,7 +342,7 @@ export default {
} }
.search-history .clear { .search-history .clear {
position: absolute; position: absolute;
right: 20rpx; right: 40rpx;
top: 10rpx; top: 10rpx;
font-size: 24rpx; font-size: 24rpx;
display: flex; display: flex;
@@ -358,6 +357,7 @@ export default {
.search-history .wrapper { .search-history .wrapper {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 10rpx;
} }
.search-history .wrapper .item { .search-history .wrapper .item {
font-size: 24rpx; font-size: 24rpx;