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