From b30196c92a994ef78f592b4a25225ac91a56262f Mon Sep 17 00:00:00 2001
From: LuoShijie <rowe_jason@outlook.com>
Date: Wed, 1 Nov 2023 22:40:12 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BD=97=E4=B8=96=E6=9D=B0=EF=BC=9A=E5=BA=97?=
 =?UTF-8?q?=E9=93=BA=E5=88=97=E8=A1=A8=E7=BB=84=E4=BB=B6=E5=88=9D=E5=A7=8B?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/ShowShopList/ShowShopList.vue      | 20 ++++++++
 .../ShowShopListItem/ShowShopListItem.vue     | 51 +++++++++++++++++++
 pages/index/index.vue                         | 19 +++----
 3 files changed, 81 insertions(+), 9 deletions(-)
 create mode 100644 components/ShowShopList/ShowShopList.vue
 create mode 100644 components/ShowShopListItem/ShowShopListItem.vue

diff --git a/components/ShowShopList/ShowShopList.vue b/components/ShowShopList/ShowShopList.vue
new file mode 100644
index 0000000..a090a45
--- /dev/null
+++ b/components/ShowShopList/ShowShopList.vue
@@ -0,0 +1,20 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"ShowShopList",
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>
\ No newline at end of file
diff --git a/components/ShowShopListItem/ShowShopListItem.vue b/components/ShowShopListItem/ShowShopListItem.vue
new file mode 100644
index 0000000..456e06d
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 5acd1a8..e4e498f 100644
--- a/pages/index/index.vue
+++ b/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;
 		}