首页完善

components/listitem.vue

@@ -5,29 +5,29 @@
 			<text class="contentonetext">精选推荐</text>
 		</view>
 		<view class="contenttow flex-between">
-			<view class="contenttowitem" v-for="(item,index) in 6">
-				<image class="contenttowitemimage" src="@/static/icon_cart.png" mode=""></image>
+			<view class="contenttowitem" v-for="(item,index) in list" :key="index" @click="clickproduct(item)">
+				<image class="contenttowitemimage" :src="item.image" mode=""></image>
 				<view class="contenttowitemtiter">
-					库迪咖啡|全场饮品任选券|多店美团可用
+					{{item.shopName}}|{{item.productName}}
 				</view>
 				<view class="contenttowitemone flex-between">
 					<view class="contenttowitemone_dingwei flex-start">
 						<image class="contenttowitemone_dingweiimage"
-							src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/dw.png" mode="aspectFill"></image>
+							:src="item.image" mode="aspectFill"></image>
 						<view class="contenttowitemone_dingweinumer">
-							2.5km
+							{{item.distances}}km
 						</view>
 					</view>
 					<view class="contenttowitemone_text">
-						已售192.9万
+						已售{{item.realSalesNumber}}
 					</view>
 				</view>
 				<view class="contenttowitemtow flex-start">
 					<view class="contenttowitemtow_one">
-						券后¥7.22
+						券后¥{{item.salePrice}}
 					</view>
 					<view class="contenttowitemtow_tow">
-						3.2折
+						{{item.discount}}折
 					</view>
 				</view>
 			</view>
@@ -41,9 +41,11 @@
 			return {};
 		},
 		props: {
-			title: {
-				type: String,
-				default: ''
+			list: {
+				type: Array,
+				default () {
+					return []
+				}
 			},
 			opacity: {
 				type: Boolean,
@@ -60,6 +62,11 @@
 			},
 		},
 		methods: {
+			clickproduct(item) {
+				uni.pro.navigateTo('product/index', {
+					id:item.id
+				})
+			},
 			clicknavigateBack() {
 				uni.navigateBack()
 			}