商城二级分类调整

src/pages/core/index.vue

@@ -76,10 +76,13 @@
 		<view class="core-category">
 			<swiper class="core-category-swiper" :autoplay="false">
 				<swiper-item class="swiper-item" v-for="(item, index) in classifyIndex == 0 ? classifyListFilter : classifyList[classifyIndex].list" :key="index">
-					<view class="swiper-item__content" v-for="(items, indexs) in item" :key="indexs">
-						<image :src="items.picUrl" mode="aspectFit" @click="toCategoryGoods(index, indexs)"></image>
-						<view class="name">{{ items.name }}</view>
+					<view class="swiper-item-wrap">
+						<view class="swiper-item-wrap__content" v-for="(items, indexs) in item" :key="indexs">
+							<image :src="items.picUrl" mode="aspectFit" @click="toCategoryGoods(index, indexs)"></image>
+							<view class="name">{{ items.name }}</view>
+						</view>
 					</view>
+					
 				</swiper-item>
 			</swiper>
 		</view>
@@ -652,27 +655,32 @@
 		&-swiper {
 			
 			width: 100%;
-			height: 100%;
+			height: 360rpx;
 			
 			.swiper-item {
 				width: 100%;
-				height: 100%;
-				display: flex;
-				flex-wrap: wrap;
+				height: 360rpx;
 				
-				&__content {
+				&-wrap {
+					width: 100%;
+					height: 100%;
 					display: flex;
-					align-items: center;
-					flex-direction: column;
-					justify-content: space-between;
-					width: 20%;
-					height: 50%;
-					
-					image {
-						width: 90%;
-						height: 70%;
+					flex-wrap: wrap;
+					&__content {
+						display: flex;
+						align-items: center;
+						flex-direction: column;
+						justify-content: space-between;
+						width: 20%;
+						height: 50%;
+						
+						image {
+							width: 90%;
+							height: 70%;
+						}
 					}
 				}
+				
 			}
 		}
 	}