classify 8.4

components/shop/group/index.vue

@@ -97,7 +97,11 @@ export default {
 		box-sizing: border-box;
 		padding: 0 30rpx;
         display: flex;
-        justify-content: space-between;
+		&:not(:nth-child(3n)) {
+			> view {
+				margin-right: 20rpx;
+			}
+		}
     }
 }
 </style>

components/shop/recommend/pintuan.vue

@@ -20,7 +20,7 @@
                     <text>￥{{ info.goods_price }}</text>
                 </view>
             </view>
-            <image class="img" :src="info.pintuan_image"></image>
+            <image class="img" :src="info.pintuan_image" @click="toDetailsPage"></image>
         </view>
     </view>
 </template>

components/shop/shop-item/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <view class="shop-item">
+    <view class="shop-item" @click="toClassifyPage">
         <image :src="info.goodscn_pic"></image>
         <text class="u-line-1">{{ info.gc_name }}</text>
     </view>    
@@ -9,6 +9,14 @@ export default {
 	name:"shopItem",
 	props: {
 		info: Object,
+	},
+	methods: {
+		toClassifyPage() {
+			this.$u.route('pageC/classify/goods', {
+				cid: this.info.gc_id,
+				cname: this.info.gc_name,
+			});
+		}
 	}
 }
 </script>
@@ -17,16 +25,19 @@ export default {
     display: flex;
     flex-direction: column;
     align-items: center;
+	justify-content: center;
+	width: 100rpx;
     >image{
         width: 80rpx;
         height: 80rpx;
         border-radius: 50%;
     }
     >text{
-		width: 80rpx;
+		width: 100%;
         font-size: 24rpx;
         color: #333;
         margin-top: 14rpx;
+		text-align: center;
     }
 }
 </style>