classify 8.4

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>