罗世杰：feat：简单完成商铺展示列表

components/ShowShopList/ShowShopList.vue

@@ -1,6 +1,9 @@
 <template>
 	<view>
-		
+		<ShowShopListItem 
+			v-for="item in shopInfoList"
+			:shopInfo="item"
+		></ShowShopListItem>
 	</view>
 </template>
 
@@ -11,6 +14,32 @@
 			return {
 				
 			};
+		},
+		props: {
+			shopInfoList: {
+				type: Array,
+				default() {
+					return [
+						{
+							imageUrl: 'https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg',
+							title: '琴行铺面转让',
+							promotionNum: 23,
+							price: 5000,
+							date: '2023-11-02'
+						},
+						{
+							imageUrl: 'https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg',
+							title: '琴行铺面转让',
+							promotionNum: 28,
+							price: 8000,
+							date: '2023-11-02'
+						}
+					]
+				}
+			}
+		},
+		computed: {
+			
 		}
 	}
 </script>

pages/index/index.vue

@@ -11,7 +11,7 @@
 			></u-notice-bar>
 		</view>
 		
-		<ShowShopListItem></ShowShopListItem>
+		<ShowShopList></ShowShopList>
 		
 	</view>
 	</view>