罗世杰：feat：初始化主页导航跳转

pages.json

@@ -105,6 +105,46 @@
 				"enablePullDownRefresh": false
 			}
 
+		},
+		{
+			"path" : "pages/index/NavBarPages/zrxx/zrxx",
+			"style" : 
+			{
+				"navigationBarTitleText" : "转让信息",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/index/NavBarPages/zdxx/zdxx",
+			"style" : 
+			{
+				"navigationBarTitleText" : "找店信息",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/index/NavBarPages/czxx/czxx",
+			"style" : 
+			{
+				"navigationBarTitleText" : "出租信息",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/index/NavBarPages/xmzs/xmzs",
+			"style" : 
+			{
+				"navigationBarTitleText" : "项目招商",
+				"enablePullDownRefresh" : false
+			}
+		},
+		{
+			"path" : "pages/index/NavBarPages/cjal/cjal",
+			"style" : 
+			{
+				"navigationBarTitleText" : "成交案例",
+				"enablePullDownRefresh" : false
+			}
 		}
 	],
 	"tabBar": {

pages/index/HomeMainContent/HomeNavCard.vue

@@ -15,31 +15,38 @@
 			return {
 				navItems: [{
 						icon: "/static/navbar/sy_icon_zrxx.png",
-						text: "转让信息"
+						text: "转让信息",
+						url: "/pages/index/NavBarPages/zrxx/zrxx"
 					},
 					{
 						icon: "/static/navbar/sy_icon_zdxx.png",
-						text: "找店信息"
+						text: "找店信息",
+						url: "/pages/index/NavBarPages/zdxx/zdxx"
 					},
 					{
 						icon: "/static/navbar/sy_icon_czxx.png",
-						text: "出租信息"
+						text: "出租信息",
+						url: "/pages/index/NavBarPages/czxx/czxx"
 					},
 					{
 						icon: "/static/navbar/sy_icon_xmzs.png",
-						text: "项目招商"
+						text: "项目招商",
+						url: "/pages/index/NavBarPages/xmzs/xmzs"
 					},
 					{
 						icon: "/static/navbar/sy_icon_cjal.png",
-						text: "成交案例"
+						text: "成交案例",
+						url: "/pages/index/NavBarPages/cjal/cjal"
 					},
 					{
 						icon: "/static/navbar/sy_icon_spdt.png",
-						text: "速配地图"
+						text: "速配地图",
+						url: '/pages/index/map/map'
 					},
 					{
 						icon: "/static/navbar/sy_icon_zmhb.png",
-						text: "招募合伙"
+						text: "招募合伙",
+						url:'/pages/Partnerships/Partnerships'
 					},
 					{
 						icon: "/static/navbar/sy_icon_lxwm.png",
@@ -51,12 +58,10 @@
 		},
 		methods: {
 			handleItemClick(index) {
-				// 在这里处理点击事件，并使用下标值
+				// 跳转页面
-				console.log(`项目 ${index} 被点击了`);
+				if (index >= 0 && index <= 6) {
-				// 或者执行其他需要的操作
-				if (index == 5) {
 					uni.navigateTo({
-						url: '/pages/index/map/map'
+						url: this.navItems[index].url
 					})
 				}
 			}

pages/index/NavBarPages/cjal/cjal.vue

@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

pages/index/NavBarPages/czxx/czxx.vue

@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

pages/index/NavBarPages/xmzs/xmzs.vue

@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

pages/index/NavBarPages/zdxx/zdxx.vue

@@ -0,0 +1,64 @@
+<template>
+	<view>
+		<view class="search-box">
+			<view class="search-box-input">
+				<u-input placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search"
+					prefixIconStyle="font-size: 24px;color: #909399;" border="true">
+				</u-input>
+			</view>
+		</view>
+		<view>
+			<DropDown></DropDown>
+		</view>
+		<view>
+			<SearchShopList :showStyle="1"/>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss">
+	page{
+		background-color: #F8F8F8;
+	}
+	.search-box {
+		position: relative;
+		z-index: 1;
+		left: 50%;
+		width: 84.6%;
+		transform: translateX(-50%);
+	
+		.search-box-input {
+			border-radius: 12rpx;
+			margin-top: 20rpx;
+			background-color: #fff;
+			opacity: 0.85;
+	
+			.u-border {
+				border: none;
+	
+				.u-input__content {
+					height: 62rpx;
+					border-radius: 12rpx;
+					background-color: #fff;
+	
+					.u-input__content__field-wrapper__field {
+						font-size: 26rpx !important;
+					}
+				}
+			}
+		}
+	}
+</style>

pages/index/NavBarPages/zrxx/zrxx.vue

@@ -0,0 +1,64 @@
+<template>
+	<view>
+		<view class="search-box">
+			<view class="search-box-input">
+				<u-input placeholder="热门搜索" placeholder-style="color: #969696" prefixIcon="search"
+					prefixIconStyle="font-size: 24px;color: #909399;" border="true">
+				</u-input>
+			</view>
+		</view>
+		<view>
+			<DropDown></DropDown>
+		</view>
+		<view>
+			<ShowShopList :showStyle="1"></ShowShopList>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss">
+	page{
+		background-color: #F8F8F8;
+	}
+	.search-box {
+		position: relative;
+		z-index: 1;
+		left: 50%;
+		width: 84.6%;
+		transform: translateX(-50%);
+	
+		.search-box-input {
+			border-radius: 12rpx;
+			margin-top: 20rpx;
+			background-color: #fff;
+			opacity: 0.85;
+	
+			.u-border {
+				border: none;
+	
+				.u-input__content {
+					height: 62rpx;
+					border-radius: 12rpx;
+					background-color: #fff;
+	
+					.u-input__content__field-wrapper__field {
+						font-size: 26rpx !important;
+					}
+				}
+			}
+		}
+	}
+</style>