From 82b4ba8b0772681943b3d2ac2665c00cee0f9ca0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=AF=85?= <1335909236@qq.com>
Date: Wed, 23 Jul 2025 15:42:59 +0800
Subject: [PATCH] =?UTF-8?q?feat=20:=20=E5=BA=95=E9=83=A8=E5=AF=BC=E8=88=AA?=
 =?UTF-8?q?=E6=A0=8F=E6=B7=BB=E5=8A=A0=20-=20=E6=9C=AC=E5=9C=B0=E7=94=9F?=
 =?UTF-8?q?=E6=B4=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/nav/nav.vue              | 288 ++++++++++++++++------------
 packages/homeServer/index/index.vue |   2 +-
 packages/localLife/index/index.css  |   4 +
 packages/shop/index/index.vue       |   2 +-
 pages.json                          |   7 +-
 pages/user/index.vue                |   2 +-
 6 files changed, 173 insertions(+), 132 deletions(-)

diff --git a/components/nav/nav.vue b/components/nav/nav.vue
index 145b9bb6..1e4cc135 100644
--- a/components/nav/nav.vue
+++ b/components/nav/nav.vue
@@ -1,141 +1,175 @@
 <template>
-	<view class="foot-fixed">
-		<view v-for="(item, index) in navList" :key='index'>
-			<view id="navIndex" :style="{width:foot_width}" @click="jump" :data-idx="index" :data-url="item.url"
-				class="foot-item">
+  <view class="foot-fixed">
+    <view v-for="(item, index) in navList" :key="index">
+      <view
+        id="navIndex"
+        :style="{ width: foot_width }"
+        @click="jump"
+        :data-idx="index"
+        :data-url="item.url"
+        class="foot-item"
+      >
+        <view class="foot-icon-box">
+          <image
+            class="foot-icon"
+            :src="item.photo"
+            mode="widthFix"
+            v-if="current != index"
+            :style="{
+              width: item.photo.includes('footer_localLife.png')
+                ? '70rpx'
+                : '',
+            }"
+          ></image>
+          <image
+            class="foot-icon2"
+            :src="item.photoAc"
+            mode="widthFix"
+            v-if="current == index"
+          ></image>
+        </view>
 
-				<view class="foot-icon-box">
-					<image class="foot-icon" :src="item.photo" mode="widthFix" v-if="current != index"></image>
-					<image class="foot-icon2" :src="item.photoAc" mode="widthFix" v-if="current == index"></image>
-				</view>
-
-			
-				<text class="foot-label" id="navIndexLabel">{{item.nav_name}}</text>
-			</view>
-		</view>
-	</view>
+        <text class="foot-label" id="navIndexLabel">{{ item.nav_name }}</text>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
-	export default {
-		name: "nav",
-		props:{
-			current:{
-				type:Number,
-				default: 0,
-			}
-		},
-		data() {
-			return {
-				navList: [
-					{
-						photo:"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_home.png",
-						photoAc:"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_homeAc.png",
-						nav_name:"首页",
-						url:"/pages/index/index"
-					},
-					{
-						photo:"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_community.png",
-						photoAc:"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_communityAc.png",
-						nav_name:"我的小区",
-						url:"/packages/community/index/index"
-					},
-					{
-						photo:"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_shop.png",
-						photoAc:"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_shopAc.png",
-						nav_name:"优选商城",
-						url:"/packages/shop/index/index"
-					},
-					{
-						photo:"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_door.png",
-						photoAc:"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_communityAc.png",
-						nav_name:"到家服务",
-						url:"/packages/homeServer/index/index"
-					},
-					{
-						photo:"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_mine.png",
-						photoAc:"https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_mineAc.png",
-						nav_name:"我的",
-						url:"/pages/user/index"
-					},
-				],
-				foot_width: '20%',
-			};
-		},
-		methods: {
-			getFootnav() {
-				let _that = this;
-				uni.request({
-					url: 'https://zhsq.hshuishang.com/Miniapi/Index/footer_nav_list',
-					method: 'post',
-					header: {
-						'Content-type': 'application/x-www-form-urlencoded'
-					},
-					data: {},
-					dataType: 'json',
-					success: (result) => {
-						result.data[0].url = "/pages/index/index"
-						result.data[1].url = "/pages/device/device"
-						result.data[2].nav_name = "手机通行"
-						result.data[2].url = "/pages/phoneGo/phoneGo"
+export default {
+  name: "nav",
+  props: {
+    current: {
+      type: Number,
+      default: 0,
+    },
+  },
+  data() {
+    return {
+      navList: [
+        {
+          photo:
+            "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_home.png",
+          photoAc:
+            "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_homeAc.png",
+          nav_name: "首页",
+          url: "/pages/index/index",
+        },
+        {
+          photo:
+            "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_community.png",
+          photoAc:
+            "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_communityAc.png",
+          nav_name: "我的小区",
+          url: "/packages/community/index/index",
+        },
+        {
+          photo: "http://localhost:8080/footer_localLife.png",
+          photoAc: "http://localhost:8080/footer_localLifeAc.png",
+          nav_name: "本地生活",
+          url: "/packages/localLife/index/index",
+        },
+        {
+          photo:
+            "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_shop.png",
+          photoAc:
+            "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_shopAc.png",
+          nav_name: "优选商城",
+          url: "/packages/shop/index/index",
+        },
+        {
+          photo:
+            "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_door.png",
+          photoAc:
+            "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_communityAc.png",
+          nav_name: "到家服务",
+          url: "/packages/homeServer/index/index",
+        },
+        {
+          photo:
+            "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_mine.png",
+          photoAc:
+            "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/footer_mineAc.png",
+          nav_name: "我的",
+          url: "/pages/user/index",
+        },
+      ],
+      foot_width: "16.5%",
+    };
+  },
+  methods: {
+    getFootnav() {
+      let _that = this;
+      uni.request({
+        url: "https://zhsq.hshuishang.com/Miniapi/Index/footer_nav_list",
+        method: "post",
+        header: {
+          "Content-type": "application/x-www-form-urlencoded",
+        },
+        data: {},
+        dataType: "json",
+        success: (result) => {
+          result.data[0].url = "/pages/index/index";
+          result.data[1].url = "/pages/device/device";
+          result.data[2].nav_name = "手机通行";
+          result.data[2].url = "/pages/phoneGo/phoneGo";
 
-						result.data[3].url = `/packages/community/index/index`
-						result.data[4].url = "/pages/user/index"
+          result.data[3].url = `/packages/community/index/index`;
+          result.data[4].url = "/pages/user/index";
 
-						result.data.splice(1, 2);
-						let footWidth = (100 / result.data.length).toFixed(2) + '%';
-						this.navList = result.data;
-						this.foot_width = footWidth;
-					},
-				});
-			},
-			
-			
-			//暂未开通
-			NotOpen() {
-				uni.showModal({
-					title: '提示',
-					content: '此功能暂未开通！',
-					showCancel: false,
-					complete: (res) => {
-						if (res.cancel) {
+          result.data.splice(1, 2);
+          let footWidth = (100 / result.data.length).toFixed(2) + "%";
+          this.navList = result.data;
+          this.foot_width = footWidth;
+        },
+      });
+    },
 
-						}
-					}
-				})
-			},
+    //暂未开通
+    NotOpen() {
+      uni.showModal({
+        title: "提示",
+        content: "此功能暂未开通！",
+        showCancel: false,
+        complete: (res) => {
+          if (res.cancel) {
+          }
+        },
+      });
+    },
 
+    jump(e) {
+      const ctoken = uni.getStorageSync("ctoken");
+      const authen = [
+        "/pages/index/index",
+        "/pages/user/index",
+        "/pages/user/index",
+      ];
+      // 除首页及个人中心页不需要鉴定ctoken， 其他tab页均需存在登录态才可访问
+      if (authen.includes(e.currentTarget.dataset.url)) {
+        uni.redirectTo({
+          url: e.currentTarget.dataset.url,
+        });
+        return;
+      }
+      if (!ctoken) {
+        uni.redirectTo({
+          url: "/pages/login/login",
+        });
+        return;
+      }
 
-			jump(e) {
-				const ctoken = uni.getStorageSync('ctoken');
-				const authen = ['/pages/index/index', '/pages/user/index','/pages/user/index'];
-				// 除首页及个人中心页不需要鉴定ctoken， 其他tab页均需存在登录态才可访问
-				if (authen.includes(e.currentTarget.dataset.url)) {
-					uni.redirectTo({
-						url: e.currentTarget.dataset.url,
-					})
-					return
-				}
-				if (!ctoken) {
-					uni.redirectTo({
-						url: '/pages/login/login',
-					})
-					return;
-				}
-
-				uni.redirectTo({
-					url: e.currentTarget.dataset.url,
-				})
-			},
-
-
-		},
-		mounted() {
-			// this.getFootnav();
-		}
-	}
+      uni.redirectTo({
+        url: e.currentTarget.dataset.url,
+      });
+    },
+  },
+  mounted() {
+    // this.getFootnav();
+  },
+};
 </script>
 
 <style>
-	@import url("./nav.css");
+@import url("./nav.css");
 </style>
\ No newline at end of file
diff --git a/packages/homeServer/index/index.vue b/packages/homeServer/index/index.vue
index 5258824e..306de19d 100644
--- a/packages/homeServer/index/index.vue
+++ b/packages/homeServer/index/index.vue
@@ -146,7 +146,7 @@
       </view>
     </view>
 
-    <nav-footer :current="3" />
+    <nav-footer :current="4" />
 
     <!-- 回到顶部 -->
     <div class="toUp" @click="scrollToTop">
diff --git a/packages/localLife/index/index.css b/packages/localLife/index/index.css
index e60b0ba3..c5fd18af 100644
--- a/packages/localLife/index/index.css
+++ b/packages/localLife/index/index.css
@@ -2,6 +2,10 @@ page {
     background-color: #fff;
 }
 
+.container{
+    padding-top: 100rpx;
+}
+
 .local {
     display: flex;
     align-items: center;
diff --git a/packages/shop/index/index.vue b/packages/shop/index/index.vue
index edcc57fc..f221e85f 100644
--- a/packages/shop/index/index.vue
+++ b/packages/shop/index/index.vue
@@ -286,7 +286,7 @@
       </div>
     </div>
 
-    <nav-footer :current="2" />
+    <nav-footer :current="3" />
 
     <div class="shop_car" @click="shopCar">
       <u-badge
diff --git a/pages.json b/pages.json
index 349b98ec..bf90e5d5 100644
--- a/pages.json
+++ b/pages.json
@@ -477,8 +477,11 @@
 				{
 					"path": "index/index",
 					"style": {
-						"navigationBarTitleText": "本地生活",
-						"navigationBarBackgroundColor": "#fff"
+						"navigationBarBackgroundColor": "#fff",
+						"navigationStyle": "custom",
+						"usingComponents": {
+							"nav-footer": "/components/nav/nav"
+						}
 					}
 				},
 				{
diff --git a/pages/user/index.vue b/pages/user/index.vue
index fdeb9b26..7c292cec 100644
--- a/pages/user/index.vue
+++ b/pages/user/index.vue
@@ -125,7 +125,7 @@
 			<view>客服</view>
 		</view>
 		<view style="padding-top: 174rpx;"></view>
-		<nav-footer :current="4"/>
+		<nav-footer :current="5"/>
 	</view>
 </template>