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

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>

pages/index/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="base-bg-color">
+	<view class="home-base-bg">
 		<InputAndSwiper></InputAndSwiper>
 		<TabBar :current-page="0"></TabBar>
 		<view class="nav-card">
@@ -44,6 +44,9 @@
 				:bg-color="$uni-bg-color"
 			></u-notice-bar>
 		</view>
+		
+		<ShowShopListItem></ShowShopListItem>
+		
 	</view>
 	
 </template>
@@ -74,17 +77,15 @@
 			}
 		},
 		computed:{
-			newsText() {
-				// return "寒雨连江夜入吴 平明送客楚山孤 洛阳亲友如相问 一片冰心在玉壶"
-				return this.newsTextLists.join('')
-			}
+			
 		}
 	}
 </script>
 
-<style lang="scss">
-	.base-bg-color {
-		background-color: $u-bg-color;
+<style lang="scss" scoped>
+	.home-base-bg {
+		background-color: $uni-bg-color-grey;
+		width: 100%;
 	}
 	.nav-card {
 		margin: 15px 7px;
@@ -93,7 +94,7 @@
 		
 		border-radius: $uni-border-radius-lg;
 		box-shadow: 0 3px 3px 0 $u-border-color;
-		// border: solid 2px black;
+
 		.grid-text {
 			font-size: 14px;
 		}