From 8e952b1218e68a9d9a43692c31741f751bbf35ac Mon Sep 17 00:00:00 2001
From: songbingqi <2272578756@qq.com>
Date: Thu, 30 Jun 2022 21:38:00 +0800
Subject: [PATCH] 修复最后一个商品高度问题
---
components/menuAssembly/index.vue | 22 ++++++++++++++++++----
1 file changed, 18 insertions(+), 4 deletions(-)
diff --git a/components/menuAssembly/index.vue b/components/menuAssembly/index.vue
index 47d8bea..6da556c 100644
--- a/components/menuAssembly/index.vue
+++ b/components/menuAssembly/index.vue
@@ -9,7 +9,7 @@
</scroll-view>
<scroll-view class="nav-right" :style="[heightStyle]" :class="[shopCarFlag?'shopCarcss':'' ]" scroll-y :scroll-top="scrollTop" @scroll="scroll" @touchstart="openScroll"
scroll-with-animation>
- <view v-for="category in classifyData" :id="category.id" :key="category.id" class="box">
+ <view v-for="(category,index) in classifyData" :id="category.id" :key="category.id" class="box" :style="[goodBottom]">
<view :style="loads" class="right-title">{{ category.name }}</view>
<view class="nav-right-item" v-for="item in category.goods" :key="item.goodsId">
<view class="thumbnailBox">
@@ -55,6 +55,9 @@ export default {
heightStyle: {
'--scroll-height': 0
},
+ goodBottom: {
+ '--good-bottom':0
+ },
Utils,
categoryId: '',
categoryPostion: [],
@@ -63,7 +66,8 @@ export default {
scrolled: true,
goods:[],
shopCarFlag:false,
- taBarHeight:0
+ taBarHeight:0,
+ lastNumber:0
}
},
watch:{
@@ -80,7 +84,13 @@ export default {
},
computed:{
classifyData(){
- const categorys = JSON.parse(JSON.stringify(this.$store.state.menu.setMenuCategorys))
+ let categorys = this.$store.state.menu.setMenuCategorys.length!=0?JSON.parse(JSON.stringify(this.$store.state.menu.setMenuCategorys)):[]
+ // if(categorys.length!=0){
+ // const lastGood = 1
+ // this.lastNumber = lastGood<=2?3-lastGood:0
+ // this.goodBottom['--good-bottom'] = ((this.lastNumber*50))+'px'
+ // console.log(this.lastNumber)
+ // }
// 删除没有商品的分类
if(categorys) {
for(var i=categorys.length-1; i>=0; i--) {
@@ -93,6 +103,8 @@ export default {
this.categoryId = categorys[0].id;
}
}
+
+
this.$nextTick(() => {
const query = uni.createSelectorQuery().in(this);
query.selectAll('.box').boundingClientRect(data => {
@@ -409,8 +421,10 @@ export default {
}
.box:last-child{
- padding-bottom: 255rpx;
+ // padding-bottom: var(--good-bottom);
+ padding-bottom: 200rpx;
// height: 100%;
+
}
.nav-right-item image {
--
libgit2 0.26.0