From 9c2a58730eda1bab11cdce978df138fdb6f343b5 Mon Sep 17 00:00:00 2001
From: zhaojs <349234519@qq.com>
Date: 星期三, 21 六月 2023 16:21:35 +0800
Subject: [PATCH] no message
---
uniapp/pages/active/tmsearch.vue | 144 +++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 135 insertions(+), 9 deletions(-)
diff --git a/uniapp/pages/active/tmsearch.vue b/uniapp/pages/active/tmsearch.vue
index 1380712..765f6e1 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,11 +61,28 @@
</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>
+ <colGoodsImg :popBannerSList="popBannerSList"></colGoodsImg>
<view class="goodsList-container colCen borderBox">
<view class="goods-content rowStaBet">
<view class="goods-items borderBox colCen" v-for="(items,index) in goodsList" :key='index' @click="goDetail(items)">
- <colGoods :items="items"></colGoods>
+ <!-- <colGoodsImg :popBannerSList="popBannerSList"></colGoodsImg> -->
+ <colGoodsImg v-if="index==0" :popBannerSList="popBannerSList"></colGoodsImg>
+ <colGoods v-else :items="items"></colGoods>
</view>
<aLoadMore :status="loadstatus" mode="loading3" :showTitle='true' color="#999999"></aLoadMore>
</view>
@@ -76,27 +93,63 @@
<script>
import colGoods from '../../components/colGoods.vue'
+ import colGoodsImg from '../../components/colGoodsImg.vue'
export default {
components:{
- colGoods
+ colGoods,
+ colGoodsImg
},
data() {
return {
+ popBannerSList:[],
pageTop: 0,
nowCurrent: 0,
scrollTop: 0,
navList: [],
-
fiexdHeight: '',
fiexdtop: '',
goodsList: [],
pageCurrent: 1,
canloadmore: false,
- loadstatus: 'loading'
+ loadstatus: 'loading',
+ nowsec:0,
+ isinsert:false,
+ secrendSearch:[
+ {
+ id:0,
+ name:'缁煎悎'
+ },
+ {
+ id:1,
+ name:'60澶╂渶浣庝环'
+ },
+ {
+ id:2,
+ name:'鑱氬垝绠�'
+ },
+ {
+ id:3,
+ name:'娣樻姠璐�'
+ },
+ {
+ id:4,
+ name:'澶氫拱澶氶��'
+ },
+ {
+ id:5,
+ name:'闄愰噺鎶㈣喘'
+ },
+ {
+ id:6,
+ name:'棰濆婊″噺'
+ }
+ ]
}
},
onLoad() {
- this.getNav()
+ this.getNav();
+ this.getPageImg();
+
},
onPageScroll(e) {
this.scrollTop = e.scrollTop
@@ -139,7 +192,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)
@@ -156,13 +210,41 @@
that.loadstatus = 'loading'
that.pageCurrent ++
}
+ if(!that.isinsert&&res&&res.length>0)
+ {
+ that.goodsList.unshift(res[0]);
+ that.isinsert=true;
+ }
that.goodsList = that.goodsList.concat(res)
+ console.log(that.goodsList);
}).catch(function(err) {})
+ },
+ getPageImg()
+ {
+ var that=this;
+ this.$u.api.getBanner({
+ type: '11,12'
+ }).then(e => {
+ console.log(e)
+ if (e.code == 1) return that.$alert(e.msg);
+ var res = e.data.info;
+ this.popBannerSList=res.popBannerSList;
+ }).catch(function(err) {
+ console.log(err)
+ })
},
changeRange(id) {
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 +385,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%;
@@ -370,7 +496,7 @@
.goods-items {
width: 336rpx;
- height: 526rpx;
+ height: 546rpx;
margin-bottom: 20rpx;
.items-container {
--
Gitblit v1.9.3