优化样式

components/productsBtn/productsBtn.vue

@@ -2,7 +2,7 @@
 	<view>
 		<view class="products_box">
 			<u-grid :border="false" col="2">
-				<u-grid-item v-for="(item,index) in productList" :key="index">
+				<u-grid-item v-for="(item,index) in productList" :key="index" @click="toDetailPage(item)">
 					<u-image src="/static/products/sy_bb.png" width="354rpx" height="539rpx" :lazy-load="true">
 					</u-image>
 					<view class="bgContent">
@@ -29,16 +29,12 @@
 							</view>
 						</view>
 					</view>
-
 					<u-button v-if="type==1" type="success" text="取消收藏" color="#0EBB5B" @click="cancelCollect(item)">
 					</u-button>
 					<u-button v-if="type==2" type="success" text="移除" color="#0EBB5B" @click="deleteProduct(item)">
 					</u-button>
 				</u-grid-item>
 			</u-grid>
-			<!-- 	<u-modal :show="showM" :content="content" showCancelButton closeOnClickOverlay="false" @confirm="confirm"
-				@cancel="cancel">
-			</u-modal> -->
 			<view style="font-size: 24rpx;color: #A3A3A3;text-align: center;padding: 26rpx 0;"
 				v-if="type==1&&productList.length==0">
 				暂无更多收藏记录</view>
@@ -133,6 +129,12 @@
 					}
 				})
 			},
+			//点击图片跳转到详情页
+			toDetailPage(item) {
+				uni.navigateTo({
+					url: '/pages/detail/productsDetail/productsDetail?id=' + item.id
+				})
+			}
 		}
 	}
 </script>