gdpaoup

components/shop/list/index.vue

@@ -4,7 +4,7 @@
 		<view>
 			<u-tabs-swiper ref="uTabs" :list="classifyList" name="gc_name" :is-scroll="true" active-color="#FF780F" :current="current" font-size="24" :show-bar="false" @change="tabsChange" height="60" ></u-tabs-swiper>
 		</view>
-		<swiper :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish" :style="{height: swiperHeight}">
+		<swiper class="swiper-box" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish" :style="{height: swiperHeight}">
 			<swiper-item class="swiper-item" v-for="(_, index) in classifyList" :key="index">
 				<view class="goods-item">
 					<item v-for="item in goodsList" :key="item.goods_id" :info="item"></item>
@@ -128,11 +128,20 @@ export default {
         text-align: center;
         color: #333;
     }
-	.goods-item {
-		display: flex;
-		flex-wrap: wrap;
-		justify-content: space-between;
-		margin-top: 20rpx;
-	}
+    .swiper-box {
+        height: 100%;
+        margin-bottom: 10rpx;
+        .swiper-item {
+            height: 100%;
+            .goods-item {
+            	display: flex;
+            	flex-wrap: wrap;
+            	justify-content: space-between;
+                width: 100%;
+                height: 100%;
+                overflow-y: scroll;
+            }
+        }
+    }
 }
 </style>

components/shop/list/item.vue

@@ -44,6 +44,7 @@ export default {
 <style lang="scss" scoped>
 .item{
     width: 330rpx;
+    height: 500rpx;
     margin-bottom: 26rpx;
     background-color: #f8f8f8;
     border-radius: 10rpx 10rpx 0rpx 0rpx;