首页

pages/index/components/diamond.vue

@@ -1,8 +1,8 @@
 <template>
 	<view class="towcontent flex-between">
-		<view class="towcontent_item flex-colum" v-for="(item,index) in 5" :key="index">
-			<image src="@/static/avatar.png" mode="aspectFill"></image>
-			<text>扫码点餐</text>
+		<view class="towcontent_item flex-colum" v-for="(item,index) in district" :key="index">
+			<image :src="item.coverImg" mode="aspectFill"></image>
+			<text>{{item.name}}</text>
 		</view>
 	</view>
 </template>
@@ -12,6 +12,22 @@
 		data() {
 			return {};
 		},
+		props: {
+			district: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			title: {
+				type: String,
+				default: '每日特价'
+			},
+			img: {
+				type: String,
+				default: ''
+			},
+		},
 	};
 </script>
 
@@ -23,6 +39,8 @@
 		width: 100%;
 		background: #F9F9F9;
 		border-radius: 48rpx 48rpx 0rpx 0rpx;
+		overflow-x: auto;
+		flex-wrap: nowrap;
 
 		.towcontent_item {
 			image {