diff --git a/components/footer_common.vue b/components/footer_common.vue
index 7e54034..0dae36c 100644
--- a/components/footer_common.vue
+++ b/components/footer_common.vue
@@ -1,39 +1,47 @@
 <template>
 	<view class="bottom-nav">
 		<view class="nav-item" @click="navigateTo('index')">
-			<image src="/static/imgs/footer/home.png" mode="aspectFit"></image>
-			<text>首页</text>
+			<image :src="activeTab === 'index' ? '/static/imgs/footer/home-active.png' : '/static/imgs/footer/home.png'"
+				mode="aspectFit"></image>
+			<text :class="{active: activeTab === 'index'}">首页</text>
 		</view>
-		<!-- <view class="nav-item" @click="navigateTo('neighbor')">
-			<image src="/static/imgs/footer/service.png" mode="aspectFit"></image>
-			<text>服务中心</text>
-		</view> -->
 		<view class="nav-item" @click="navigateTo('chat')">
-			<image src="/static/imgs/footer/ai.png" mode="aspectFit" ></image>
-			<text>在线问答</text>
+			<image :src="activeTab === 'chat' ? '/static/imgs/footer/ai-active.png' : '/static/imgs/footer/ai.png'"
+				mode="aspectFit"></image>
+			<text :class="{active: activeTab === 'chat'}">AI助手</text>
 		</view>
-<!-- 		<view class="nav-item" @click="navigateTo('service')">
-			<image src="/static/imgs/footer/chat.png" mode="aspectFit"></image>
-			<text>邻里圈</text>
-		</view> -->
 		<view class="nav-item" @click="navigateTo('mine')">
-			<image src="/static/imgs/footer/mine.png" mode="aspectFit"></image>
-			<text>我的</text>
+			<image :src="activeTab === 'mine' ? '/static/imgs/footer/mine-active.png' : '/static/imgs/footer/mine.png'"
+				mode="aspectFit"></image>
+			<text :class="{active: activeTab === 'mine'}">我的</text>
 		</view>
 	</view>
 </template>
 
 <script>
 	export default {
+		data() {
+			return {
+				activeTab: 'index' // 默认激活首页
+			}
+		},
+		created() {
+			// 获取当前页面路径设置激活状态
+			const pages = getCurrentPages();
+			if (pages.length) {
+				const currentPage = pages[pages.length - 1].route;
+				this.activeTab = currentPage.split('/')[1] || 'index';
+			}
+		},
 		methods: {
 			navigateTo(page) {
+				this.activeTab = page;
 				uni.redirectTo({
 					url: `/pages/${page}/index`,
 					success: () => {},
 					fail: () => {},
 					complete: () => {}
 				});
-				console.log(page)
 			}
 		}
 	};
@@ -46,13 +54,14 @@
 		align-items: center;
 		background-color: #f8f8f8;
 		position: fixed;
-		// padding-bottom: calc(0rpx + env(safe-area-inset-bottom));
-		bottom: 0;
-		padding-bottom:40rpx;
+		bottom: 0;
+		padding-bottom: 40rpx;
 		left: 0;
 		right: 0;
 		box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.1);
 		z-index: 999;
+		height: 100rpx;
+		padding-top: 10rpx;
 
 		.nav-item {
 			display: flex;
@@ -69,6 +78,10 @@
 				height: 46rpx;
 				margin: 12rpx 0 6rpx 0;
 			}
+
+			.active {
+				color: #5b9cf8; // 激活状态文字颜色
+			}
 		}
 	}
 </style>
\ No newline at end of file
diff --git a/components/gx-copyright.vue b/components/gx-copyright.vue
index 5c0b069..6911af2 100644
--- a/components/gx-copyright.vue
+++ b/components/gx-copyright.vue
@@ -1,29 +1,39 @@
 <template>
-  <view class="copyright-section">
+  <view class="copyright-section" :style="{bottom: footerHeight}">
     <view class="copyright-content">
-	  <text style="color: #ddd;padding-right: 20rpx;">——</text>
+      <text style="color: #ddd;padding-right: 20rpx;">——</text>
       <image src="/static/imgs/index/logo.png" class="logo" mode="aspectFit"></image>
-
-  <!--   <view class="divider"></view> -->
       <text class="copyright-text">
-		 提供技术支持 
-	  </text>
-	    <text style="color: #ddd;padding-left: 20rpx;">——</text>
+        提供技术支持 
+      </text>
+      <text style="color: #ddd;padding-left: 20rpx;">——</text>
     </view>
   </view>
 </template>
 
 <script>
 export default {
-  name: 'gx-copyright'
+  name: 'gx-copyright',
+  props: {
+    footerHeight: {
+      type: String,
+      default: '130rpx' // 默认footer高度
+    }
+  }
 }
 </script>
 
 <style lang="scss" scoped>
 .copyright-section {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
   width: 100%;
-  padding: 30rpx 0;
-  // background-color: #f8faff;
+  padding: 20rpx 0;
+  background-color:transparent;
+  opacity: 0.6;
+  // z-index: 90; /* 确保在footer下方 */
   
   .copyright-content {
     display: flex;
@@ -36,17 +46,10 @@ export default {
       margin-right: 0rpx;
     }
     
-    .divider {
-      width: 1rpx;
-      height: 30rpx;
-      background-color: #ddd;
-      margin: 0 20rpx;
-    }
-    
     .copyright-text {
       font-size: 24rpx;
       color: #999;
-	  padding-left: 20rpx;
+      padding-left: 20rpx;
     }
   }
 }
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 6fd8a2d..6628b6d 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,562 +1,605 @@
-<template>
-	<view class="container">
-		<view class="content-wrapper">
-			<!-- 顶部功能区 -->
-			<view class="quick-access">
-				<view class="access-item" @click="goDetail('serviceNoticeList')">
-					<view class="icon-wrapper">
-						<image src="/static/imgs/index/gonggao.png" mode="aspectFit"></image>
-					</view>
-					<text class="access-text">社区公告</text>
-				</view>
-				<view class="access-item" @click="goDetail('activeList')">
-					<view class="icon-wrapper">
-						<image src="/static/imgs/index/redian.png" mode="aspectFit"></image>
-					</view>
-					<text class="access-text">社区活动</text>
-				</view>
-				<view class="access-item" @click="goDetail('neighbor')">
-					<view class="icon-wrapper">
-						<image src="/static/imgs/index/linli.png" mode="aspectFit"></image>
-					</view>
-					<text class="access-text">周边服务</text>
-				</view>
-			</view>
-
-			<!-- 轮播图 -->
-			<view class="swiper-section">
-				<u-swiper :list="list1" height="320" indicator indicatorMode="dot" bgColor="#f8faff">
-				</u-swiper>
-			</view>
-
-			<!-- 天气和穿搭建议 -->
-			<view class="weather-outfit-section">
-				<view class="weather-card">
-					<view class="weather-header">
-						<text class="location">{{weather.province}}·{{weather.area}}</text>
-						<text class="date">{{weather.date}} {{weather.week}}</text>
-					</view>
-					<view class="weather-content">
-						<view class="weather-main">
-							<view class="current-weather">
-								<image class="weather-icon" :src="weather.weather ? getWeatherIcon(weather.weather) : ''" mode="aspectFit"></image>
-								</image>
-								<text class="current-temp">{{weather.real}}°</text>
-							</view>
-							<text class="weather-desc">{{weather.weather}}</text>
-						</view>
-						<view class="temperature-range">
-							<text class="temp-item">最高温 {{weather.highest}}°</text>
-							<text class="temp-item">最低温 {{weather.lowest}}°</text>
-						</view>
-					</view>
-					<view class="weather-footer">
-					    <view class="footer-item">
-					        <text class="footer-icon">️风向</text>
-					        <text class="footer-text">{{weather.wind}}</text>
-					    </view>
-					    <view class="footer-item">
-					        <text class="footer-icon">湿度</text>
-					        <text class="footer-text">{{weather.humidity}}%</text>
-					    </view>
-					    <view class="footer-item">
-					        <text class="footer-icon">️空气质量</text>
-					        <text class="footer-text">{{weather.quality}}</text>
-					    </view>
-					    <view class="footer-item">
-					        <text class="footer-icon">️紫外线</text>
-					        <text class="footer-text">{{weather.uv_index}}</text>
-					    </view>
-					</view>
-
-				</view>
-			</view>
-			<!-- 便捷服务中心 -->
-			<view class="service-section">
-				<view class="section-header">
-					<view class="header-decoration"></view>
-					<text class="section-title">便捷中心</text>
-					<text class="section-subtitle">一站式社区服务</text>
-				</view>
-
-				<view class="service-grid">
-					<view class="service-card card-1" @click="goDetail('neighborList')" hover-class="card-hover">
-						<view class="card-content">
-							<text class="card-title">邻里互助</text>
-							<text class="card-desc">近邻互帮互助</text>
-							<view class="card-bg"></view>
-						</view>
-						<image class="card-icon" src="/static/imgs/index/bangzhu.png"
-							style="width: 76rpx;height: 76rpx; bottom: 32rpx;" ></image>
-					</view>
-
-					<view class="service-card card-2" @click="goDetail('serviceTickets')" hover-class="card-hover">
-						<view class="card-content">
-							<text class="card-title">物业报修</text>
-							<text class="card-desc">维修方便便捷</text>
-							<view class="card-bg"></view>
-						</view>
-						<image class="card-icon" src="/static/imgs/index/weixiu.png" style="width: 80rpx;height: 80rpx;bottom: 32rpx;"></image>
-					</view>
-
-					<!-- <view class="service-card large card-3" @click="goDetail('neighborList')" hover-class="card-hover">
-						<view class="card-content">
-							<text class="card-title">邻里互助</text>
-							<text class="card-desc">远亲不如近邻互帮互助</text>
-							<view class="card-bg"></view>
-						</view>
-						<image class="card-icon" src="/static/imgs/index/bangzhu.png"></image>
-					</view> -->
-				</view>
-			</view>
-		</view>
-		
-		
-         <Copyright/>
-		<!-- 底部导航 -->
-		<Footer></Footer>
-	</view>
-</template>                              
+<template>
+  <view class="container">
+    <view class="content-wrapper">
+      <!-- 顶部功能区 -->
+      <view class="quick-access">
+        <view class="access-item" @click="goDetail('serviceNoticeList')">
+          <view class="icon-wrapper">
+            <image src="/static/imgs/index/gonggao.png" mode="aspectFit"></image>
+          </view>
+          <text class="access-text">社区公告</text>
+        </view>
+        <view class="access-item" @click="goDetail('activeList')">
+          <view class="icon-wrapper">
+            <image src="/static/imgs/index/redian.png" mode="aspectFit"></image>
+          </view>
+          <text class="access-text">社区活动</text>
+        </view>
+        <view class="access-item" @click="goDetail('neighbor')">
+          <view class="icon-wrapper">
+            <image src="/static/imgs/index/linli.png" mode="aspectFit"></image>
+          </view>
+          <text class="access-text">周边服务</text>
+        </view>
+      </view>
+
+      <!-- 轮播图 -->
+      <view class="swiper-section">
+        <u-swiper :list="list1" height="320" indicator indicatorMode="dot" bgColor="#f8faff"></u-swiper>
+      </view>
+
+      <!-- 天气和穿搭建议 -->
+      <view class="weather-outfit-section">
+        <view class="weather-card">
+          <view class="weather-header">
+            <text class="location">{{weather.province || '--'}}·{{weather.area || '--'}}</text>
+            <text class="date">{{weather.date || '--'}} {{weather.week || '--'}}</text>
+          </view>
+          
+          <view v-if="weatherLoading" class="loading-content">
+            <text class="loading-text">天气信息加载中...</text>
+          </view>
+          
+          <view v-else-if="weatherError" class="error-content">
+            <text class="error-text">天气信息获取失败</text>
+          </view>
+          
+          <view v-else class="weather-content">
+            <view class="weather-main">
+              <view class="current-weather">
+                <image class="weather-icon" 
+                      :src="weather.weather ? getWeatherIcon(weather.weather) : '/static/imgs/weather/default.png'" 
+                      mode="aspectFit"></image>
+                <text class="current-temp">{{weather.real || '--'}}°</text>
+              </view>
+              <text class="weather-desc">{{weather.weather || '--'}}</text>
+            </view>
+            <view class="temperature-range">
+              <text class="temp-item">最高温 {{weather.highest || '--'}}°</text>
+              <text class="temp-item">最低温 {{weather.lowest || '--'}}°</text>
+            </view>
+          </view>
+          
+          <view v-if="!weatherLoading && !weatherError" class="weather-footer">
+            <view class="footer-item">
+              <text class="footer-icon">️风向</text>
+              <text class="footer-text">{{weather.wind || '--'}}</text>
+            </view>
+            <view class="footer-item">
+              <text class="footer-icon">湿度</text>
+              <text class="footer-text">{{weather.humidity || '--'}}%</text>
+            </view>
+            <view class="footer-item">
+              <text class="footer-icon">️空气质量</text>
+              <text class="footer-text">{{weather.quality || '--'}}</text>
+            </view>
+            <view class="footer-item">
+              <text class="footer-icon">️紫外线</text>
+              <text class="footer-text">{{weather.uv_index || '--'}}</text>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 便捷服务中心 -->
+      <view class="service-section">
+        <view class="section-header">
+          <view class="header-decoration"></view>
+          <text class="section-title">便捷中心</text>
+          <text class="section-subtitle">一站式社区服务</text>
+        </view>
+
+        <view class="service-grid">
+          <view class="service-card card-1" @click="goDetail('neighborList')" hover-class="card-hover">
+            <view class="card-content">
+              <text class="card-title">邻里互助</text>
+              <text class="card-desc">近邻互帮互助</text>
+              <view class="card-bg"></view>
+            </view>
+            <image class="card-icon" src="/static/imgs/index/bangzhu.png"
+                  style="width: 76rpx;height: 76rpx; bottom: 32rpx;"></image>
+          </view>
+
+          <view class="service-card card-2" @click="goDetail('serviceTickets')" hover-class="card-hover">
+            <view class="card-content">
+              <text class="card-title">物业报修</text>
+              <text class="card-desc">维修方便便捷</text>
+              <view class="card-bg"></view>
+            </view>
+            <image class="card-icon" src="/static/imgs/index/weixiu.png" style="width: 80rpx;height: 80rpx;bottom: 32rpx;"></image>
+          </view>
+        </view>
+      </view> 
+	  <view style="margin: 120rpx 0;">
+		   <Copyright/>
+	  </view>
+	 
+    </view>
+    
+   
+    <!-- 底部导航 -->
+    <Footer></Footer>
+  </view>
+</template>                           
 
 <script>
-	import Copyright from '@/components/gx-copyright.vue';
-	import Footer from '@/components/footer_common.vue';
-	import {
-		get,
-		post
-	} from '@/utils/request';
-	import {
-		IMAGE_BASE_URL,
-		BASE_URL
-	} from '@/utils/config';
+import Copyright from '@/components/gx-copyright.vue';
+import Footer from '@/components/footer_common.vue';
+import { get, post } from '@/utils/request';
+import { IMAGE_BASE_URL, BASE_URL } from '@/utils/config';
+
+export default {
+  components: {
+    Footer,
+    Copyright
+  },
+  data() {
+    return {
+      list1: [],
+      currentDate: this.formatDate(new Date()),
+      weather: {
+        province: '',
+        area: '',
+        date: '',
+        week: '',
+        real: '',
+        highest: '',
+        lowest: '',
+        weather: '',
+        wind: '',
+        humidity: '',
+        quality: '',
+        uv_index: ''
+      },
+      weatherLoading: false,
+      weatherError: false
+    }
+  },
+  mounted() {
+    this.getBanners();
+    this.getWeather();
+  },
+  methods: {
+    goDetail(page) {
+      uni.navigateTo({
+        url: `/pages/${page}/index`
+      });
+    },
+    formatDate(date) {
+      const weekdays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
+      const month = date.getMonth() + 1;
+      const day = date.getDate();
+      const weekday = weekdays[date.getDay()];
+      return `${weekday} ${month}月${day}日`;
+    },
+    
+    // 获取轮播图接口
+    async getBanners() {
+      let params = {
+        current: 1,
+        pageSize: 4,
+        status: 1,
+        scene: 1
+      };
+      try {
+        const res = await get('/api/v1/apps/home/banners', params);
+        if (!res || !res.success) {
+          throw new Error('获取轮播图失败');
+        }
+        res.data.forEach(item => {
+          let imgUrl = item.img;
+          if (!imgUrl.startsWith('http') && !imgUrl.startsWith('https')) {
+            item.img = IMAGE_BASE_URL + imgUrl;
+            this.list1.push(item.img);
+          }
+        })
+      } catch (err) {
+        console.error('获取轮播图失败:', err);
+      }
+    },
+
+    // 获取天气
+    async getWeather() {
+      this.weatherLoading = true;
+      this.weatherError = false;
+      
+      try {
+        const res = await get('/api/v1/apps/home/weather');
+        
+        if (!res || !res.success) {
+          throw new Error('获取天气失败');
+        }
+        
+        this.weather = {
+          province: res.data.province || '--',
+          area: res.data.area || '--',
+          date: res.data.date || '--',
+          week: res.data.week || '--',
+          real: res.data.real || '--',
+          highest: res.data.highest || '--',
+          lowest: res.data.lowest || '--',
+          weather: res.data.weather || '--',
+          wind: res.data.wind || '--',
+          humidity: res.data.humidity || '--',
+          quality: res.data.quality || '--',
+          uv_index: res.data.uv_index || '--'
+        };
+        
+      } catch (err) {
+        console.error('获取天气失败:', err);
+        this.weatherError = true;
+        uni.showToast({
+          title: '天气信息获取失败',
+          icon: 'none'
+        });
+      } finally {
+        this.weatherLoading = false;
+      }
+    },
+    
+    getWeatherIcon(weather) {
+      if (!weather || typeof weather !== 'string') {
+        return '/static/imgs/weather/default.png';
+      }
+      
+      const weatherMap = {
+        '晴': '/static/imgs/index/sunny.png',
+        '多云': '/static/imgs/index/cloudy.png',
+        '阴': '/static/imgs/index/overcast.png',
+        '雨': '/static/imgs/index/rain.png',
+        '小雨': '/static/imgs/index/light-rain.png',
+        '中雨': '/static/imgs/index/moderate-rain.png',
+        '大雨': '/static/imgs/index/heavy-rain.png',
+        '暴雨': '/static/imgs/index/storm-rain.png',
+        '雪': '/static/imgs/index/snow.png',
+        '雾': '/static/imgs/index/fog.png',
+        '霾': '/static/imgs/index/fog.png',
+      };
+
+      // 遍历天气关键词，匹配最合适的图标
+      for (const key in weatherMap) {
+        if (weather.includes(key)) {
+          return weatherMap[key];
+        }
+      }
+
+      return '/static/imgs/weather/default.png';
+    }
+  }
+}
+</script>
 
-	export default {
-		components: {
-			Footer,Copyright
-		},
-		data() {
-			return {
-				list1: [],
-				currentDate: this.formatDate(new Date()),
-				weather: {},
-			}
-		},
-		mounted() {
-			this.getBanners();
-			this.getWeather();
-		},
-		methods: {
-			goDetail(page) {
-				uni.navigateTo({
-					url: `/pages/${page}/index`
-				});
-			},
-			formatDate(date) {
-				const weekdays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
-				const month = date.getMonth() + 1;
-				const day = date.getDate();
-				const weekday = weekdays[date.getDay()];
-				return `${weekday} ${month}月${day}日`;
-			},
-			// 获取轮播图接口
-			async getBanners() {
-				let params = {
-					current: 1,
-					pageSize: 4,
-					status: 1,
-					scene: 1
-				};
-				try {
-					const res = await get('/api/v1/apps/home/banners', params);
-					if (!res || !res.success) {
-						throw new Error('获取轮播图失败');
-					}
-					res.data.forEach(item => {
-						let imgUrl = item.img;
-						if (!imgUrl.startsWith('http') && !imgUrl.startsWith('https')) {
-							item.img = IMAGE_BASE_URL + imgUrl;
-							this.list1.push(item.img);
-						}
-					})
-				} catch (err) {
-					console.error('获取轮播图失败:', err);
-				}
-			},
-
-			// 获取天气
-			async getWeather() {
-
-				try {
-					const res = await get('/api/v1/apps/home/weather');
-					if (!res || !res.success) {
-						throw new Error('获取天气失败');
-					}
-					this.weather = {
-						...res.data
-					};
-				} catch (err) {
-					console.error('获取轮播图失败:', err);
-				}
-			},
-    
-			getWeatherIcon(weather) {
-				if (!weather || typeof weather !== 'string') {
-				    return '/static/imgs/weather/default.png';
-				}
-					
-				const weatherMap = {
-					'晴': '/static/imgs/index/sunny.png',
-					'多云': '/static/imgs/index/cloudy.png',
-					'阴': '/static/imgs/index/overcast.png',
-					'雨': '/static/imgs/index/rain.png',
-					'小雨': '/static/imgs/index/light-rain.png',
-					'中雨': '/static/imgs/index/moderate-rain.png',
-					'大雨': '/static/imgs/index/heavy-rain.png',
-					'暴雨': '/static/imgs/index/storm-rain.png',
-					'雪': '/static/imgs/index/snow.png',
-					'雾': '/static/imgs/index/fog.png',
-					'霾': '/static/imgs/index/fog.png',
-				};
-
-				// 默认图标
-				const defaultIcon = '';
-
-				// 遍历天气关键词，匹配最合适的图标
-				for (const key in weatherMap) {
-					if (weather.includes(key)) {
-						return weatherMap[key];
-					}
-				}
-
-				return defaultIcon;
-			}
-
-
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.container {
-		background: #f8faff;
-		min-height: 100vh;
-		padding-bottom: 120rpx;
-		box-sizing: border-box;
-
-		.content-wrapper {
-			width: 92%;
-			margin: 0 auto;
-			padding-top: 20rpx;
-		}
-
-		/* 快速访问区域 */
-		.quick-access {
-			display: flex;
-			justify-content: space-between;
-			margin-bottom: 40rpx;
-
-			.access-item {
-				width: 30%;
-				display: flex;
-				flex-direction: column;
-				align-items: center;
-				padding: 20rpx 0;
-				border-radius: 16rpx;
-				background: #fff;
-				box-shadow: 0 4rpx 12rpx rgba(128, 179, 255, 0.1);
-				transition: all 0.3s;
-
-				&:active {
-					transform: scale(0.96);
-					opacity: 0.9;
-				}
-			}
-
-			.icon-wrapper {
-				width: 80rpx;
-				height: 80rpx;
-				margin-bottom: 12rpx;
-
-				image {
-					width: 100%;
-					height: 100%;
-				}
-			}
-
-			.access-text {
-				font-size: 26rpx;
-				color: #666;
-				font-weight: 500;
-			}
-		}
-
-		/* 轮播图区域 */
-		.swiper-section {
-			border-radius: 20rpx;
-			overflow: hidden;
-			margin-bottom: 40rpx;
-			box-shadow: 0 8rpx 24rpx rgba(128, 179, 255, 0.15);
-		}
-
-		/* 天气和穿搭区域 */
-		.weather-outfit-section {
-			margin-bottom: 40rpx;
-
-			.weather-card {
-				width: 92%;
-				background: #85b0ed;
-				border-radius: 20rpx;
-				padding: 30rpx;
-				color: #fff;
-				box-shadow: 0 8rpx 24rpx rgba(133, 176, 237, 0.3);
-
-				.weather-header {
-					display: flex;
-					justify-content: space-between;
-					margin-bottom: 20rpx;
-					padding-bottom: 20rpx;
-					border-bottom: 1rpx solid rgba(255, 255, 255, 0.2);
-
-					.date {
-						font-size: 26rpx;
-						opacity: 0.9;
-						font-weight: bold;
-					}
-
-					.location {
-						font-size: 28rpx;
-						font-weight: 500;
-					}
-				}
-
-				.weather-content {
-					display: flex;
-					justify-content: space-between;
-					align-items: center;
-					margin: 20rpx 0;
-					padding: 20rpx 0;
-
-					.weather-main {
-						display: flex;
-						flex-direction: column;
-						align-items: center;
-
-						.current-weather {
-							display: flex;
-							align-items: center;
-
-							.weather-icon {
-								width: 80rpx;
-								height: 80rpx;
-								margin-right: 15rpx;
-							}
-
-							.current-temp {
-								font-size: 64rpx;
-								font-weight: bold;
-								line-height: 1;
-							}
-						}
-
-						.weather-desc {
-							font-size: 28rpx;
-							margin-top: 10rpx;
-							opacity: 0.9;
-						}
-					}
-
-					.temperature-range {
-						display: flex;
-						flex-direction: column;
-						align-items: flex-end;
-
-						.temp-item {
-							font-size: 28rpx;
-							margin-bottom: 10rpx;
-							opacity: 0.8;
-
-							&:last-child {
-								margin-bottom: 0;
-							}
-						}
-					}
-				}
-				.weather-footer {
-				    display: flex;
-				    justify-content: space-between;
-				    align-items: center;
-				    padding-top: 20rpx;
-				    border-top: 1rpx solid rgba(255, 255, 255, 0.2);
-				    font-size: 24rpx;
-				    
-				    .footer-item {
-				        display: flex;
-				        flex-direction: column;
-				        align-items: center;
-				        flex: 1;
-				        
-				        .footer-icon {
-				            font-size: 28rpx;
-							font-weight:500;
-				            margin-bottom: 6rpx;
-				        }
-				        
-				        .footer-text {
-				            opacity: 0.9;
-				            text-align: center;
-				            line-height: 1.2;
-				        }
-				    }
-				}
-			}
-		}
-
-		/* 便捷服务中心 - 优化后 */
-		.service-section {
-			margin-bottom: 40rpx;
-
-			.section-header {
-				display: flex;
-				align-items: center;
-				margin-bottom: 24rpx;
-				position: relative;
-
-				.header-decoration {
-					width: 8rpx;
-					height: 32rpx;
-					background: linear-gradient(to bottom, #5b9cf8, #3a7de8);
-					border-radius: 4rpx;
-					margin-right: 16rpx;
-				}
-
-				.section-title {
-					font-size: 36rpx;
-					font-weight: 700;
-					color: #333;
-					margin-right: 16rpx;
-				}
-
-				.section-subtitle {
-					font-size: 24rpx;
-					color: #999;
-					padding-top: 6rpx;
-				}
-			}
-
-			.service-grid {
-				display: grid;
-				grid-template-columns: repeat(2, 1fr);
-				gap: 24rpx;
-
-				.service-card {
-					background: #fff;
-					border-radius: 24rpx;
-					padding: 32rpx;
-					position: relative;
-					overflow: hidden;
-					box-shadow: 0 6rpx 18rpx rgba(74, 144, 226, 0.12);
-					transition: all 0.3s ease;
-					z-index: 1;
-
-					&::before {
-						content: '';
-						position: absolute;
-						top: 0;
-						left: 0;
-						width: 100%;
-						height: 100%;
-						background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6));
-						z-index: -1;
-					}
-
-					&.large {
-						grid-column: span 2;
-					}
-
-					.card-content {
-						position: relative;
-						z-index: 2;
-
-						.card-title {
-							display: block;
-							font-size: 34rpx;
-							font-weight: 700;
-							color: #333;
-							margin-bottom: 12rpx;
-						}
-
-						.card-desc {
-							font-size: 26rpx;
-							color: #666;
-						}
-
-						.card-bg {
-							position: absolute;
-							width: 120rpx;
-							height: 120rpx;
-							border-radius: 50%;
-							filter: blur(20rpx);
-							opacity: 0.15;
-							z-index: -1;
-						}
-					}
-
-					.card-icon {
-						position: absolute;
-						width: 90rpx;
-						height: 90rpx;
-						right: 24rpx;
-						bottom: 20rpx;
-						transition: all 0.3s ease;
-					}
-
-					/* 为每个卡片设置不同的主题色 */
-					&.card-1 {
-						.card-bg {
-							background: #5b9cf8;
-							top: -30rpx;
-							right: -30rpx;
-						}
-
-						.card-icon {
-							filter: drop-shadow(0 4rpx 8rpx rgba(91, 156, 248, 0.3));
-						}
-					}
-
-					&.card-2 {
-						.card-bg {
-							background: #5b9cf8;
-							top: -50rpx;
-							right: -30rpx;
-						}
-
-						.card-icon {
-							filter: drop-shadow(0 4rpx 8rpx rgba(91, 156, 248, 0.3));
-						}
-					}
-
-					&.card-3 {
-						.card-bg {
-							background: #6dd400;
-							top: -30rpx;
-							right: -30rpx;
-						}
-
-						.card-icon {
-							filter: drop-shadow(0 4rpx 8rpx rgba(109, 212, 0, 0.3));
-						}
-					}
-				}
-
-				.card-hover {
-					transform: translateY(-8rpx);
-					box-shadow: 0 12rpx 24rpx rgba(74, 144, 226, 0.2);
-
-					.card-icon {
-						transform: scale(1.1);
-					}
-				}
-			}
-		}
-	}
+<style lang="scss" scoped>
+.container {
+  background: #f8faff;
+  min-height: 100vh;
+  padding-bottom: 120rpx;
+  box-sizing: border-box;
+
+  .content-wrapper {
+    width: 92%;
+    margin: 0 auto;
+    padding-top: 20rpx;
+  }
+
+  /* 快速访问区域 */
+  .quick-access {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 40rpx;
+
+    .access-item {
+      width: 30%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding: 20rpx 0;
+      border-radius: 16rpx;
+      background: #fff;
+      box-shadow: 0 4rpx 12rpx rgba(128, 179, 255, 0.1);
+      transition: all 0.3s;
+
+      &:active {
+        transform: scale(0.96);
+        opacity: 0.9;
+      }
+    }
+
+    .icon-wrapper {
+      width: 80rpx;
+      height: 80rpx;
+      margin-bottom: 12rpx;
+
+      image {
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    .access-text {
+      font-size: 26rpx;
+      color: #666;
+      font-weight: 500;
+    }
+  }
+
+  /* 轮播图区域 */
+  .swiper-section {
+    border-radius: 20rpx;
+    overflow: hidden;
+    margin-bottom: 40rpx;
+    box-shadow: 0 8rpx 24rpx rgba(128, 179, 255, 0.15);
+  }
+
+  /* 天气和穿搭区域 */
+  .weather-outfit-section {
+    margin-bottom: 40rpx;
+
+    .weather-card {
+      width: 92%;
+      background: #85b0ed;
+      border-radius: 20rpx;
+      padding: 30rpx;
+      color: #fff;
+      box-shadow: 0 8rpx 24rpx rgba(133, 176, 237, 0.3);
+
+      .weather-header {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 20rpx;
+        padding-bottom: 20rpx;
+        border-bottom: 1rpx solid rgba(255, 255, 255, 0.2);
+
+        .date {
+          font-size: 26rpx;
+          opacity: 0.9;
+          font-weight: bold;
+        }
+
+        .location {
+          font-size: 28rpx;
+          font-weight: 500;
+        }
+      }
+
+      .weather-content {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin: 20rpx 0;
+        padding: 20rpx 0;
+
+        .weather-main {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+
+          .current-weather {
+            display: flex;
+            align-items: center;
+
+            .weather-icon {
+              width: 80rpx;
+              height: 80rpx;
+              margin-right: 15rpx;
+            }
+
+            .current-temp {
+              font-size: 64rpx;
+              font-weight: bold;
+              line-height: 1;
+            }
+          }
+
+          .weather-desc {
+            font-size: 28rpx;
+            margin-top: 10rpx;
+            opacity: 0.9;
+          }
+        }
+
+        .temperature-range {
+          display: flex;
+          flex-direction: column;
+          align-items: flex-end;
+
+          .temp-item {
+            font-size: 28rpx;
+            margin-bottom: 10rpx;
+            opacity: 0.8;
+
+            &:last-child {
+              margin-bottom: 0;
+            }
+          }
+        }
+      }
+      
+      .weather-footer {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding-top: 20rpx;
+        border-top: 1rpx solid rgba(255, 255, 255, 0.2);
+        font-size: 24rpx;
+        
+        .footer-item {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          flex: 1;
+          
+          .footer-icon {
+            font-size: 28rpx;
+            font-weight:500;
+            margin-bottom: 6rpx;
+          }
+          
+          .footer-text {
+            opacity: 0.9;
+            text-align: center;
+            line-height: 1.2;
+          }
+        }
+      }
+      
+      .loading-content, .error-content {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 200rpx;
+        font-size: 28rpx;
+        color: #fff;
+      }
+    }
+  }
+
+  /* 便捷服务中心 - 优化后 */
+  .service-section {
+    margin-bottom: 40rpx;
+
+    .section-header {
+      display: flex;
+      align-items: center;
+      margin-bottom: 24rpx;
+      position: relative;
+
+      .header-decoration {
+        width: 8rpx;
+        height: 32rpx;
+        background: linear-gradient(to bottom, #5b9cf8, #3a7de8);
+        border-radius: 4rpx;
+        margin-right: 16rpx;
+      }
+
+      .section-title {
+        font-size: 36rpx;
+        font-weight: 700;
+        color: #333;
+        margin-right: 16rpx;
+      }
+
+      .section-subtitle {
+        font-size: 24rpx;
+        color: #999;
+        padding-top: 6rpx;
+      }
+    }
+
+    .service-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 24rpx;
+
+      .service-card {
+        background: #fff;
+        border-radius: 24rpx;
+        padding: 32rpx;
+        position: relative;
+        overflow: hidden;
+        box-shadow: 0 6rpx 18rpx rgba(74, 144, 226, 0.12);
+        transition: all 0.3s ease;
+        z-index: 1;
+
+        &::before {
+          content: '';
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6));
+          z-index: -1;
+        }
+
+        &.large {
+          grid-column: span 2;
+        }
+
+        .card-content {
+          position: relative;
+          z-index: 2;
+
+          .card-title {
+            display: block;
+            font-size: 34rpx;
+            font-weight: 700;
+            color: #333;
+            margin-bottom: 12rpx;
+          }
+
+          .card-desc {
+            font-size: 26rpx;
+            color: #666;
+          }
+
+          .card-bg {
+            position: absolute;
+            width: 120rpx;
+            height: 120rpx;
+            border-radius: 50%;
+            filter: blur(20rpx);
+            opacity: 0.15;
+            z-index: -1;
+          }
+        }
+
+        .card-icon {
+          position: absolute;
+          width: 90rpx;
+          height: 90rpx;
+          right: 24rpx;
+          bottom: 20rpx;
+          transition: all 0.3s ease;
+        }
+
+        /* 为每个卡片设置不同的主题色 */
+        &.card-1 {
+          .card-bg {
+            background: #5b9cf8;
+            top: -30rpx;
+            right: -30rpx;
+          }
+
+          .card-icon {
+            filter: drop-shadow(0 4rpx 8rpx rgba(91, 156, 248, 0.3));
+          }
+        }
+
+        &.card-2 {
+          .card-bg {
+            background: #5b9cf8;
+            top: -50rpx;
+            right: -30rpx;
+          }
+
+          .card-icon {
+            filter: drop-shadow(0 4rpx 8rpx rgba(91, 156, 248, 0.3));
+          }
+        }
+
+        &.card-3 {
+          .card-bg {
+            background: #6dd400;
+            top: -30rpx;
+            right: -30rpx;
+          }
+
+          .card-icon {
+            filter: drop-shadow(0 4rpx 8rpx rgba(109, 212, 0, 0.3));
+          }
+        }
+      }
+
+      .card-hover {
+        transform: translateY(-8rpx);
+        box-shadow: 0 12rpx 24rpx rgba(74, 144, 226, 0.2);
+
+        .card-icon {
+          transform: scale(1.1);
+        }
+      }
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/pages/meetingList/index.vue b/pages/meetingList/index.vue
index 5ab919c..869e4a3 100644
--- a/pages/meetingList/index.vue
+++ b/pages/meetingList/index.vue
@@ -1,14 +1,14 @@
 <template>
-	<view class="container">
-		    <!-- 自定义导航栏 -->
-		    <view class="nav-bar">
-		          <view class="nav-left" @click="handleBack">
-		            <u-icon name="arrow-left" size="44"></u-icon>
-		          <!--  <text>返回</text> -->
-		          </view>
-		          <text class="nav-title">近山社区</text>
-		        </view>
-		 
+	<view class="container">
+		<!-- 自定义导航栏 -->
+		<view class="nav-bar">
+			<view class="nav-left" @click="handleBack">
+				<u-icon name="arrow-left" size="44"></u-icon>
+				<!--  <text>返回</text> -->
+			</view>
+			<text class="nav-title">近山社区</text>
+		</view>
+
 		<view v-if="tabsReady">
 			<u-tabs :list="tabList" :current="currentTab" @change="handleTabChange" border="false"
 				active-color="#1989fa" bg-color="#f8f8f8"></u-tabs>
@@ -103,15 +103,19 @@
 		<!-- <u-popup :show="show" mode="center" :round="10">
 			<instructionVue @change='readChange'/>
 			<u-button type="primary" text="我已知晓" :disabled="hasReaded" @click="show=false"></u-button>
-		</u-popup> -->
-		 <Copyright/>
+		</u-popup> -->
+		<!-- 保持原有结构不变 -->
+		  <view class="copyright-fixed">
+		      <Copyright :footerHeight="'0'" />
+		</view>
+
 	</view>
 </template>
 
 <script>
 	import {
 		get,
-		post,
+		post,
 		del
 	} from '@/utils/request';
 	import {
@@ -123,7 +127,7 @@
 		formatRelativeTime
 	} from '@/utils/timeFormat';
 	import instructionVue from '../../components/instruction.vue';
-	import noData from '../../components/noData.vue'
+	import noData from '../../components/noData.vue'
 	import Copyright from '@/components/gx-copyright.vue';
 	import {
 		applyType,
@@ -133,7 +137,7 @@
 	export default {
 		components: {
 			instructionVue,
-			noData,
+			noData,
 			Copyright
 		},
 		data() {
@@ -193,12 +197,14 @@
 				}))
 			}
 		},
-		methods: {
-			handleBack() {
-			    // 固定跳转首页
-			    uni.redirectTo({ url: '/pages/mine/index' });
+		methods: {
+			handleBack() {
+				// 固定跳转首页
+				uni.redirectTo({
+					url: '/pages/mine/index'
+				});
 			},
-			formatName(value){
+			formatName(value) {
 				return thingThemes.getName(value)
 			},
 			handleTabChange(index) {
@@ -369,30 +375,42 @@
 	$tag-radius: 8rpx;
 
 	.container {
+		position: relative; // 添加相对定位
+		min-height: 100vh;
+		padding-bottom: 120rpx; // 为copyright留出空间
+		box-sizing: border-box; // 确保padding计算在高度内
 		padding: 0;
 		min-height: 100vh;
-		background-color: $bg-color;
-		
-		.nav-bar {
-		  display: flex;
-		  align-items: center;
-		  padding: 15px;
-		  // background-color: #fff;
-		  border-bottom: 1px solid #f5f5f5;
-		  margin-top: 84rpx;
-		}
-		
-		.nav-left {
-		  display: flex;
-		  align-items: center;
-		  margin-right: 10px;
-		}
-		
-		.nav-title {
-		  flex: 1;
-		  text-align: center;
-		  // font-weight: bold;
-		  width: 100%;
+		background-color: $bg-color;
+
+		.copyright-fixed {
+		  position: fixed;
+		  bottom: 0;
+		  left: 0;
+		  right: 0;
+		  z-index: 10; /* 防止被其他元素遮挡 */
+		}
+
+		.nav-bar {
+			display: flex;
+			align-items: center;
+			padding: 15px;
+			// background-color: #fff;
+			border-bottom: 1px solid #f5f5f5;
+			margin-top: 84rpx;
+		}
+
+		.nav-left {
+			display: flex;
+			align-items: center;
+			margin-right: 10px;
+		}
+
+		.nav-title {
+			flex: 1;
+			text-align: center;
+			// font-weight: bold;
+			width: 100%;
 		}
 
 		.loading-container {
diff --git a/pages/mine/index.vue b/pages/mine/index.vue
index d42cb2f..b91e705 100644
--- a/pages/mine/index.vue
+++ b/pages/mine/index.vue
@@ -34,13 +34,13 @@
             </view>
         </view>
         <!-- 修改用户信息弹窗 -->
-        <u-modal :show="showEditModal" :title="isLogin ? '修改用户信息' : '微信授权登录'" :show-confirm-button="isLogin"
+        <u-modal :show="showEditModal" :title="isLogin ? '修改用户信息' : '微信授权手机号'" :show-confirm-button="isLogin"
             :show-cancel-button="isLogin" @confirm="handleSubmit" @cancel="handleCancel" confirm-color="#2979ff"
             cancel-color="#606266">
             <view class="modal-content">
                 <!-- 未登录时显示授权按钮 -->
                 <view v-if="!isLogin" class="auth-section">
-                    <view class="auth-title">请先登录以使用完整功能</view>
+                    <view class="auth-title">请先授权手机号以使用完整功能</view>
                     <button v-if="!showPhoneButton" class="auth-button" open-type="getUserInfo"
                         @getuserinfo="onGetUserInfo">
                         <image class="wechat-icon" src="/static/imgs/wechat.png"></image>
@@ -51,7 +51,7 @@
                         <image class="phone-icon" src="/static/imgs/phone.png"></image>
                         授权获取手机号
                     </button>
-                    <view class="auth-tip">登录即表示同意《用户协议》和《隐私政策》</view>
+                    <view class="auth-tip">授权即表示同意《用户协议》和《隐私政策》</view>
                 </view>
                 <!-- 已登录时显示编辑表单 -->
                 <view v-else class="edit-section">
diff --git a/static/imgs/footer/ai-active.png b/static/imgs/footer/ai-active.png
new file mode 100644
index 0000000..087b216
Binary files /dev/null and b/static/imgs/footer/ai-active.png differ
diff --git a/static/imgs/footer/ai.png b/static/imgs/footer/ai.png
index db3653e..6b85925 100644
Binary files a/static/imgs/footer/ai.png and b/static/imgs/footer/ai.png differ
diff --git a/static/imgs/footer/home-active.png b/static/imgs/footer/home-active.png
new file mode 100644
index 0000000..bdc0325
Binary files /dev/null and b/static/imgs/footer/home-active.png differ
diff --git a/static/imgs/footer/home.png b/static/imgs/footer/home.png
index dc8dcdd..543eb2e 100644
Binary files a/static/imgs/footer/home.png and b/static/imgs/footer/home.png differ
diff --git a/static/imgs/footer/mine-active.png b/static/imgs/footer/mine-active.png
new file mode 100644
index 0000000..8365d0e
Binary files /dev/null and b/static/imgs/footer/mine-active.png differ
diff --git a/static/imgs/footer/mine.png b/static/imgs/footer/mine.png
index 732842a..544defb 100644
Binary files a/static/imgs/footer/mine.png and b/static/imgs/footer/mine.png differ