Browse Source

搜索界面布局调整修改

master
dy-hu 10 months ago
parent
commit
0c6ee4a4b8
  1. 4
      App.vue
  2. 2
      pages_category_page1/distributionModule/recruit.vue
  3. 51
      pages_category_page1/search/index/index.vue

4
App.vue

@ -615,6 +615,10 @@ uni-rich-text img {
color: #009688;
}
.font-color-D3D4DE {
color: #D3D4DE;
}
.font-weight-500 {
font-weight: 500;
}

2
pages_category_page1/distributionModule/recruit.vue

@ -99,7 +99,7 @@
export default {
data() {
return {
informationShowFalg: true,
informationShowFalg: false,
item: '',
userName:'',
mobile:'',

51
pages_category_page1/search/index/index.vue

@ -4,8 +4,8 @@
<view>
<view class="flex-items-plus flex-row mar-top-20">
<view class="searchImg-box flex-items-plus">
<image class="searchImg" src="https://ceres.zkthink.com/static/img/searchImg.png"></image>
<input class="search-box" v-model="keyWord" maxlength="20" placeholder-class="searchboxPlace"
<image class="searchImg" src="https://wechat.hnthee.com/ceres-local-file/image/shop_collect_search.png"></image>
<input class="search-box fs26" v-model="keyWord" maxlength="20" placeholder-class="searchboxPlace"
:placeholder="$t('common.searchproduct_hint')" />
<!-- <image class="searchClose-icon" @click="searchTextDel"
src="https://ceres.zkthink.com/static/img/index/searchClose_icon.png"></image>-->
@ -17,11 +17,11 @@
<!-- 热门搜索 -->
<view class="hotSearchBox tipsBox">
<view class="boxTitle mar-leftgetList-30" v-if="hotSearchList.length>0">
<label class="fs30 font-color-999 fs-weight-300">{{$t('common.hotsearch')}}</label>
<label class="fs28 font-color-90919C fs-weight-300">{{$t('common.hotsearch')}}</label>
<image class="seeIcon hotSearchListSee-icon" v-if="isSee" @click="changeHotSearchListIsSee"
src="https://ceres.zkthink.com/static/img/see.png"></image>
src="https://wechat.hnthee.com/ceres-local-file/image/see.png"></image>
<image class="seeIcon hotSearchListNotSee-icon" v-else @click="changeHotSearchListIsSee"
src="https://ceres.zkthink.com/static/img/notSee.png"></image>
src="https://wechat.hnthee.com/ceres-local-file/image/not_see.png"></image>
</view>
<view>
<view class="flex-wrap-1 flex-row" v-if="isSee">
@ -38,8 +38,8 @@
<!-- 历史搜索 -->
<view class="historyBox tipsBox">
<view class="boxTitle mar-leftgetList-30" v-if="historyList.length>0">
<label class="fs30 font-color-999 fs-weight-300 ">{{$t('common.historysearch')}}</label>
<image class="historyDel-icon" @click="historyDelAll" src="https://ceres.zkthink.com/static/img/index/historyDel_icon.png">
<label class="fs28 font-color-90919C fs-weight-300 ">{{$t('common.historysearch')}}</label>
<image class="historyDel-icon" @click="historyDelAll" src="https://wechat.hnthee.com/ceres-local-file/image/his_del.png">
</image>
</view>
<view class="historySear-box flex-wrap-1 flex-row">
@ -49,10 +49,10 @@
class="historySearDel-box flex-items-plus flex-sp-between mar-right-30"
>
<view class="boxContent historyText line1" @click="historyKeyword(item.search)">{{item.search}}</view>
<label class="font-color-DDD fs22 pad-topbot-10 text-align">|</label>
<label class="font-color-D3D4DE fs18 text-align">|</label>
<view class="historyIconBox" @click="historyDelOne(item.searchId)">
<image class="historySearDel-icon text-align"
src="https://ceres.zkthink.com/static/img/index/historySearDel_icon.png"></image>
src="https://wechat.hnthee.com/ceres-local-file/image/search_his_label_del.png"></image>
</view>
</view>
</view>
@ -172,19 +172,20 @@ input {
}
.searchImg-box{
.searchImg {
width: 36upx;
height: 36upx;
width: 32rpx;
height: 32rpx;
position: absolute;
left: 60upx;
}
.search-box {
background-color: #F1F1F1;
background-color: #F2F2F6;
width: 530upx;
height: 66upx;
border-radius: 35rpx;
}
.searchboxPlace {
font-size: 26upx;
color: #A9A9A9;
font-size: 26rpx;
color: #90919C;
padding-right: 30upx;
}
.searchClose-icon {
@ -201,13 +202,13 @@ input {
flex: 1;
}
.hotSearchListSee-icon {
height: 24upx;
height: 36rpx;
}
.hotSearchListNotSee-icon {
height: 36upx;
height: 36rpx;
}
.seeIcon {
width: 40upx;
width: 36rpx;
position: absolute;
right: 30upx;
}
@ -220,8 +221,8 @@ input {
}
.line{
margin: 70upx 0;
height: 2upx;
background: #F3F4F5;
height: 1rpx;
background: #F2F2F6;
}
//
.historyBox{
@ -230,8 +231,8 @@ input {
width: 100%;
}
.historyDel-icon {
width: 30upx;
height: 30upx;
width: 36rpx;
height: 36rpx;
position: absolute;
right: 30upx;
}
@ -239,8 +240,8 @@ input {
width: 50upx;
.historySearDel-icon {
position: relative;
width: 16upx;
height: 16upx;
width: 19rpx;
height: 19rpx;
}
}
}
@ -254,12 +255,14 @@ input {
height: 54upx;
line-height: 54upx;
margin: 15rpx 15rpx;
background-color: #F1F1F1;
background-color: #F2F2F6;
border-radius: 40rpx;
text-align: center;
overflow: hidden;
.boxContent{
font-size: 28rpx;
padding: 0 30rpx;
color: #252744;
}
}
</style>
Loading…
Cancel
Save