罗世杰：faet：店铺转让、店铺选址页面初始化

pages/index/HomeMainContent/HomeNavCard.vue

@@ -0,0 +1,77 @@
+<template>
+	<view class="nav-card">
+		<u-grid :col="4" customStyle="height: 334rpx;align-content: normal" >
+			<u-grid-item v-for="(item, index) in navItems" :key="item.icon" @click="handleItemClick(index)">
+				<u-icon :name="item.icon" :size="46"></u-icon>
+				<view class="grid-text">{{ item.text }}</view>
+			</u-grid-item>
+		</u-grid>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				navItems: [{
+						icon: "/static/navbar/sy_icon_zrxx.png",
+						text: "转让信息"
+					},
+					{
+						icon: "/static/navbar/sy_icon_zdxx.png",
+						text: "找店信息"
+					},
+					{
+						icon: "/static/navbar/sy_icon_czxx.png",
+						text: "出租信息"
+					},
+					{
+						icon: "/static/navbar/sy_icon_xmzs.png",
+						text: "项目招商"
+					},
+					{
+						icon: "/static/navbar/sy_icon_cjal.png",
+						text: "成交案例"
+					},
+					{
+						icon: "/static/navbar/sy_icon_spdt.png",
+						text: "速配地图"
+					},
+					{
+						icon: "/static/navbar/sy_icon_zmhb.png",
+						text: "招募合伙"
+					},
+					{
+						icon: "/static/navbar/sy_icon_lxwm.png",
+						text: "联系我们"
+					}
+					// 可以继续添加更多的项目
+				]
+			};
+		},
+		methods: {
+			handleItemClick(index) {
+				// 在这里处理点击事件，并使用下标值
+				console.log(`项目 ${index} 被点击了`);
+				// 或者执行其他需要的操作
+			}
+		}
+	};
+</script>
+
+
+
+<style lang="scss">
+	.nav-card {
+		margin: 15px 0px;
+		padding: 10px 0;
+		background-color: $uni-bg-color;
+
+		border-radius: $uni-border-radius-lg;
+		box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);
+
+		.grid-text {
+			font-size: 12px;
+		}
+	}
+</style>

pages/index/HomeMainContent/HomeNoticeBar.vue

@@ -0,0 +1,52 @@
+<template>
+	<view class="news-box-bg">
+		<view class="hot-news-img">
+			<u-image src="/static/shoplist/sy_icon_zxzx.png" width='55px' height='22px'/>
+		</view>
+		<view class="news-box">
+			<u-notice-bar
+				:text="text"
+				bgColor="#fff"
+				customStyle="width:70vw"
+				color="#232323"
+				icon=" "
+			/>
+		</view>
+		
+	</view>
+</template>
+
+<script>
+	/**
+	 * @property {String}  text 需要显示的消息 
+	 */
+	export default {
+		props: {
+			text: {
+				type: String,
+				default() {
+					return ' '
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.news-box-bg {
+		display: flex;
+		border-radius: 8px;
+		background-color: #fff;
+		box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);
+		
+		.hot-news-img {
+			margin-left: 6px;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+		}
+		
+		
+	}
+	
+</style>

pages/index/HomeMainContent/Statistics.vue

@@ -0,0 +1,56 @@
+<template>
+	<view class="root u-flex">
+		<view class="left">
+			<view>
+				<u-image src="/static/statistics/sy_icon_ljyh.png" 
+					width="356rpx"
+					height="320rpx"
+				/>
+			</view>
+			
+		</view>
+		<view class="right">
+			<view>
+				<u-image src="/static/statistics/sy_icon_ljzd1.png"
+					width="340rpx"
+					height="150rpx"
+				/>
+			</view>
+			<view>
+				<u-image src="/static/statistics/sy_icon_ljzd0.png"
+					width="340rpx"
+					height="150rpx"
+				/>
+			</view>
+		</view>
+
+		
+	</view>
+</template>
+
+<script>
+</script>
+
+<style scoped lang="scss">
+	.root {
+		position: relative;
+		margin: 10px 0;
+		display: flex;
+		justify-content: space-between;
+		text {
+			font-size: 13px;
+			font-weight: 800;
+		}
+		.left {
+			color: #06562E;
+			.text1 {
+				
+			}
+		}
+		.right{
+			display: flex;
+			flex-direction: column;
+			justify-content: space-between;
+		}
+	}
+</style>