修复最后一个商品高度问题

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 {