From e8ecfee389f4f4d4911a3ba3f9cfc20bca071602 Mon Sep 17 00:00:00 2001 From: zhaojs <349234519@qq.com> Date: 星期六, 10 六月 2023 15:19:13 +0800 Subject: [PATCH] no message --- uniapp/pages/active/tmsearch.vue | 105 +++++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 102 insertions(+), 3 deletions(-) diff --git a/uniapp/pages/active/tmsearch.vue b/uniapp/pages/active/tmsearch.vue index ab12727..7d7f19d 100644 --- a/uniapp/pages/active/tmsearch.vue +++ b/uniapp/pages/active/tmsearch.vue @@ -1,5 +1,5 @@ <template> - <view class="pddsearch-wrapper wrapperLayer borderBox"> + <view class="pddsearch-wrapper wrapperLayer borderBox" style="background: #fff;"> <view class="topbarbox"></view> <view class="fixed-container colCen"> <view class="topbarbox"></view> @@ -61,6 +61,21 @@ </block> </scroll-view> </view> + <!--浜岀骇鎼滅储--> + <view class="scrangeList-container rowCen" :class="scrollTop>fiexdtop?'tofixed':''" :style="'top:'+(scrollTop>fiexdtop?fiexdHeight:'0')+'px;'"> + <scroll-view class="scrollview-content" scroll-x scroll-with-animation="true"> + <block v-for="(items,index) in secrendSearch" :key="index"> + <view class="rangeItem" :class="nowsec==items.id?'rangeItem-active':''" @tap="changeSeRange(items.id)"> + <view class="boxcontent colCenCen"> + <view class="nameBox"> + {{items.name}} + </view> + <view class="border"></view> + </view> + </view> + </block> + </scroll-view> + </view> <view class="goodsList-container colCen borderBox"> <view class="goods-content rowStaBet"> @@ -92,7 +107,38 @@ goodsList: [], pageCurrent: 1, canloadmore: false, - loadstatus: 'loading' + loadstatus: 'loading', + nowsec:0, + secrendSearch:[ + { + id:0, + name:'缁煎悎' + }, + { + id:1, + name:'60澶╂渶浣庝环' + }, + { + id:2, + name:'鑱氬垝绠�' + }, + { + id:3, + name:'娣樻姠璐�' + }, + { + id:4, + name:'澶氫拱澶氶��' + }, + { + id:5, + name:'闄愰噺鎶㈣喘' + }, + { + id:6, + name:'棰濆婊″噺' + } + ] } }, onLoad() { @@ -139,7 +185,8 @@ cateId: cateid, page: this.pageCurrent, pageSize: 10, - tchaoshi:tchaoshi + tchaoshi:tchaoshi, + secrend_search:this.nowsec }).then(e => { console.log(e); if (e.code != 0) return that.$alert(e.msg) @@ -163,6 +210,14 @@ this.pageCurrent = 1 this.canloadmore = false this.nowCurrent = id + this.loadstatus = 'loading' + this.goodsList = [] + this.getData() + }, + changeSeRange(id) { + this.pageCurrent = 1 + this.canloadmore = false + this.nowsec = id this.loadstatus = 'loading' this.goodsList = [] this.getData() @@ -303,6 +358,50 @@ } } } + + .scrangeList-container { + width: 100%; + height: 80rpx; + padding-left: 32rpx; + z-index: 101; + + .scrollview-content { + width: 100%; + height: 100%; + white-space: nowrap; + + .rangeItem { + display: inline-flex; + margin-right: 45rpx; + height: 100%; + + .boxcontent { + height: 100%; + + .nameBox { + + } + + .border { + width: 60%; + height: 2rpx; + background: transparent; + } + } + } + + .rangeItem-active { + .boxcontent { + .nameBox { + font-size: 32rpx; + color:#F97B24; + } + + + } + } + } + } .rangeList-container { width: 100%; -- Gitblit v1.9.3