From 839a49f1c7485e5492eb9d4ddc737669f2673240 Mon Sep 17 00:00:00 2001
From: LuoShijie <rowe_jason@outlook.com>
Date: Thu, 2 Nov 2023 22:49:10 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BD=97=E4=B8=96=E6=9D=B0=EF=BC=9Afeat?=
 =?UTF-8?q?=EF=BC=9A=E5=95=86=E9=93=BA=E5=88=97=E8=A1=A8=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/HomeNavCard/HomeNavCard.vue        |  63 +++++++++
 .../ShowShopListItem/ShowShopListItem.vue     |  67 +++++++--
 manifest.json                                 |   2 +-
 pages/index/childComps/HomeHeader.vue         | 127 ------------------
 pages/index/index.vue                         |  59 +-------
 5 files changed, 123 insertions(+), 195 deletions(-)
 create mode 100644 components/HomeNavCard/HomeNavCard.vue
 delete mode 100644 pages/index/childComps/HomeHeader.vue

diff --git a/components/HomeNavCard/HomeNavCard.vue b/components/HomeNavCard/HomeNavCard.vue
new file mode 100644
index 0000000..fe81a30
--- /dev/null
+++ b/components/HomeNavCard/HomeNavCard.vue
@@ -0,0 +1,63 @@
+<template>
+	<view class="nav-card">
+		<u-grid :col="4">
+			<u-grid-item>
+				<u-icon name="photo" :size="30"></u-icon>
+				<view class="grid-text">图片</view>
+			</u-grid-item>
+			<u-grid-item>
+				<u-icon name="lock" :size="30"></u-icon>
+				<view class="grid-text">锁头</view>
+			</u-grid-item>
+			<u-grid-item>
+				<u-icon name="hourglass" :size="30"></u-icon>
+				<view class="grid-text">沙漏</view>
+			</u-grid-item>
+			<u-grid-item>
+				<u-icon name="hourglass" :size="30"></u-icon>
+				<view class="grid-text">沙漏</view>
+			</u-grid-item>
+			<u-grid-item>
+				<u-icon name="photo" :size="30"></u-icon>
+				<view class="grid-text">图片</view>
+			</u-grid-item>
+			<u-grid-item>
+				<u-icon name="lock" :size="30"></u-icon>
+				<view class="grid-text">锁头</view>
+			</u-grid-item>
+			<u-grid-item>
+				<u-icon name="hourglass" :size="30"></u-icon>
+				<view class="grid-text">沙漏</view>
+			</u-grid-item>
+			<u-grid-item>
+				<u-icon name="hourglass" :size="30"></u-icon>
+				<view class="grid-text">沙漏</view>
+			</u-grid-item>
+		</u-grid>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"HomeNavCard",
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+.nav-card {
+	margin: 15px 7px;
+	padding: 10px 0;
+	background-color: $uni-bg-color;
+	
+	border-radius: $uni-border-radius-lg;
+	box-shadow: 0 3px 3px 0 $u-border-color;
+	.grid-text {
+		font-size: 14px;
+	}
+}
+</style>
\ No newline at end of file
diff --git a/components/ShowShopListItem/ShowShopListItem.vue b/components/ShowShopListItem/ShowShopListItem.vue
index 456e06d..966fd2e 100644
--- a/components/ShowShopListItem/ShowShopListItem.vue
+++ b/components/ShowShopListItem/ShowShopListItem.vue
@@ -2,14 +2,29 @@
 	<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>
+				<u-image width="80px" height="80px" :src="imageUrl" radius="8px"></u-image>
+			</view>
+			<view class="text-area">
+				<text>{{title}}</text>
+				<view class="pos-and-sqr">
+					<text>锦江区</text>
+					<text>200m2</text>
+					</view>
+				<view class="rent-and-date">
+					<text>租金{{price}}</text>
+					<text>发布日期{{date}}</text>
+				</view>
 			</view>
 		</view>
-		<view class="list-ads">
-			
+		<view class="list-ads" style="font-size: 14px;">
+			<view>
+				<text>已将该店推给 </text> 
+				<text style="color:#ce3b3b;margin: 0 4px;"> {{promotionNum}} </text> 
+				<text> 位潜在客户</text>
+			</view>
+			<text style="color:#ce3b3b">我也要推广>></text>
 		</view>
 	</view>
-	
 </template>
 
 <script>
@@ -20,6 +35,18 @@
 				default(){
 					return 'https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg'
 				}
+			},
+			promotionNum:{
+				type:Number,
+				default(){
+					return 23
+				}
+			},
+			title:{
+				type:String,
+				default(){
+					return "琴行铺面转让"
+				}
 			}
 			
 		},
@@ -37,15 +64,31 @@
 
 <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;
+		padding: 10px;
+		background-color: #fff;
+		border-radius: 7px;
+		.list-container {
+			display: flex;
+			height: 80px;
+			// background-color: #000;
+			margin-bottom: 5px;
+			.shop-list-img {
+				// border-radius: 8px;
+			}
+		}
+		.text-area {
+			margin-left: 10px;
+			display: flex;
+			flex-direction: column;
+			flex-wrap: wrap;
+		}
+		.list-ads {
+			border-top: 1px solid #f7f7f7;
+			padding-top: 5px;
+			display: flex;
+			justify-content: space-between;
 		}
 	}
+	
 </style>
\ No newline at end of file
diff --git a/manifest.json b/manifest.json
index e3780b6..1d7f366 100644
--- a/manifest.json
+++ b/manifest.json
@@ -50,7 +50,7 @@
     "quickapp" : {},
     /* 小程序特有相关 */
     "mp-weixin" : {
-        "appid" : "",
+        "appid" : "wxda178d12ae834c45",
         "setting" : {
             "urlCheck" : false
         },
diff --git a/pages/index/childComps/HomeHeader.vue b/pages/index/childComps/HomeHeader.vue
deleted file mode 100644
index 6a3e041..0000000
--- a/pages/index/childComps/HomeHeader.vue
+++ /dev/null
@@ -1,127 +0,0 @@
-<template>
-	<view class="header-area">
-		<view class="search-box u-flex u-flex-nowarp u-row-between">
-			<view class="search-box-input" >
-				<u-input 
-					:placeholder="hotSearchWord"
-					prefixIcon="search"
-					prefixIconStyle="font-size: 14px;color: #909399;margin-left:30rpx" 
-				/>
-			</view>
-			<view class="search-box-location">
-				<view><u-icon name="map" color="#909399" size="15"></u-icon></view>
-				<view class="localtion-text"><text>{{position}}</text></view>
-			</view>
-		</view>
-		
-		<view class="swiper">
-			<u-swiper :list="headerBgList"/>
-			<!-- <u-image :src=headerBgURL
-			class="header-bgimg" width="100vw" height="25vh"/> -->
-		</view> 
-		
-	</view>
-</template>
-
-<script>
-	export default{
-		name: "HomeHeader",
-		props: {
-			hotSearchWord:{
-				type: String,
-				default() {
-					return '热门关键词'
-				}
-			},
-			headerBgList:{
-				type: Array,
-				default() {
-				    return ["https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg","https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg"]
-				}
-			},
-			position:{
-				type: String,
-				default() {
-					return '定位中'
-				}
-			}
-		},
-		data() {
-			return {
-				// hotSearchWord:'',
-				// headerBgList:[]
-			}
-		},
-		options: {
-			styleIsolation: 'shared' // 解除样式隔离
-		},
-		computed:{
-			
-		}
-	}
-</script>
-
-<style lang="scss">
-	// 搜索区域样式
-	.header-area {
-		position: relative;
-		.search-box {
-			// background: #000;
-			position: absolute;
-			z-index: 1;
-			left: 50%;
-			width: 84.6%;
-			transform: translateX(-50%); 
-			.search-box-input {
-				border-radius: 10px;
-				padding-top: 3px !important;
-				margin-top: 8px;
-				background-color: #fff;
-				.u-border{
-					border: none;
-				}
-				// 组件内部样式修改
-				.u-input__content {
-					background-color: #fff;
-					border-radius: 1;
-					height: 10px;
-					.u-input__content__field-wrapper__field {
-						// height: 10px !important;
-						font-size: 10px !important;
-					}
-				}
-			}
-			.search-box-location{
-				position: absolute;
-				z-index: 1;
-				height: 25px;
-				// width: 15vw;
-				top: 15px;
-				right: 10%;
-				
-				// transform: translate(-100%);
-				
-				display: flex;
-				.localtion-text{
-					padding-left: 8px;
-					font-size: 10px;
-				}
-			}
-			.header-bgimg {
-				width: 100vw;
-				z-index: 0;
-			}
-		}
-		// 轮播图样式
-		.swiper {
-			.u-swiper {
-				border-radius:0 !important;
-			}
-			.u-swiper__wrapper__item__wrapper__image{
-				border-radius:0 !important;
-			}
-		}
-		
-	}
-	
-</style>
\ No newline at end of file
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 026bb9b..00f08eb 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,49 +1,9 @@
 <template>
 	<view class="home-base-bg">
 	<view class="search_box">
-		<view class="search_box_border">
-			<!-- <u-input placeholder="搜索优质产品" placeholder-style="color: #969696" prefixIcon="search"
-				prefixIconStyle="font-size: 22px;color: #909399;margin-left:30rpx" readonly>
-			</u-input> -->
-		</view>
-		<InputAndSwiper></InputAndSwiper>
 		<TabBar :current-page="0"></TabBar>
-		<view class="nav-card">
-			<u-grid :col="4">
-					<u-grid-item>
-						<u-icon name="photo" :size="30"></u-icon>
-						<view class="grid-text">图片</view>
-					</u-grid-item>
-					<u-grid-item>
-						<u-icon name="lock" :size="30"></u-icon>
-						<view class="grid-text">锁头</view>
-					</u-grid-item>
-					<u-grid-item>
-						<u-icon name="hourglass" :size="30"></u-icon>
-						<view class="grid-text">沙漏</view>
-					</u-grid-item>
-					<u-grid-item>
-						<u-icon name="hourglass" :size="30"></u-icon>
-						<view class="grid-text">沙漏</view>
-					</u-grid-item>
-					<u-grid-item>
-						<u-icon name="photo" :size="30"></u-icon>
-						<view class="grid-text">图片</view>
-					</u-grid-item>
-					<u-grid-item>
-						<u-icon name="lock" :size="30"></u-icon>
-						<view class="grid-text">锁头</view>
-					</u-grid-item>
-					<u-grid-item>
-						<u-icon name="hourglass" :size="30"></u-icon>
-						<view class="grid-text">沙漏</view>
-					</u-grid-item>
-					<u-grid-item>
-						<u-icon name="hourglass" :size="30"></u-icon>
-						<view class="grid-text">沙漏</view>
-					</u-grid-item>
-				</u-grid>
-		</view>
+		<InputAndSwiper></InputAndSwiper>
+		<HomeNavCard></HomeNavCard>
 		<view class="news-box">
 			<u-notice-bar
 				:text="newsTextLists"
@@ -54,7 +14,7 @@
 		<ShowShopListItem></ShowShopListItem>
 		
 	</view>
-	
+	</view>
 </template>
 
 <script>
@@ -85,17 +45,6 @@
 		background-color: $uni-bg-color-grey;
 		width: 100%;
 	}
-	.nav-card {
-		margin: 15px 7px;
-		padding: 10px 0;
-		background-color: $uni-bg-color;
-		
-		border-radius: $uni-border-radius-lg;
-		box-shadow: 0 3px 3px 0 $u-border-color;
-
-		.grid-text {
-			font-size: 14px;
-		}
-	}
+	
 	
 </style>
\ No newline at end of file