罗世杰：店铺列表组件初始化

components/ShowShopList/ShowShopList.vue

@@ -0,0 +1,20 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"ShowShopList",
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>

components/ShowShopListItem/ShowShopListItem.vue

@@ -0,0 +1,51 @@
+<template>
+	<view class="list-border">
+		<view class="list-container">
+			<view class="shop-list-img">
+				<u-image width="80px" height="80px" :src="imageUrl" border-radius='6px'></u-image>
+			</view>
+		</view>
+		<view class="list-ads">
+			
+		</view>
+	</view>
+	
+</template>
+
+<script>
+	export default {
+		props: {
+			imageUrl: {
+				type: String,
+				default(){
+					return 'https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg'
+				}
+			}
+			
+		},
+		data() {
+			return {
+				
+			}
+			
+		},
+		computed: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.list-border {
+		padding: 10px;
+	}
+	.list-container {
+		height: 80px;
+		background-color: #fff;
+		background-color: #000;
+		margin: 10px;
+		.shop-list-img {
+			border-radius: $uni-border-radius-lg;
+		}
+	}
+</style>