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