From aa5453c0be644e55259517b6759b6c50ad4aee91 Mon Sep 17 00:00:00 2001
From: zhouyanli <593579392@qq.com>
Date: Mon, 18 May 2026 17:48:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=BC=95=E5=AF=BC=E9=A1=B5?=
 =?UTF-8?q?=E3=80=81=E6=B4=BB=E5=8A=A8=E5=88=97=E8=A1=A8=E8=87=AA=E9=80=82?=
 =?UTF-8?q?=E5=BA=94=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../activity-list/activityList.vue            |  89 ++++--
 .../activity-list/activityListDetails.vue     | 298 +++++++++---------
 .../pageSubPack/notice-list/oneClickOpen.vue  |   9 +-
 .../online-repair/onlineRepair.vue            |   2 +-
 .../pageSubPack/visitor/visitor-list.vue      |   4 +-
 .../pages/navigation/navigation.vue           | 119 ++++---
 6 files changed, 285 insertions(+), 236 deletions(-)

diff --git a/property-uniapp-project/pageSubPack/activity-list/activityList.vue b/property-uniapp-project/pageSubPack/activity-list/activityList.vue
index 22a6ff6..0546cc6 100644
--- a/property-uniapp-project/pageSubPack/activity-list/activityList.vue
+++ b/property-uniapp-project/pageSubPack/activity-list/activityList.vue
@@ -1,9 +1,9 @@
 <template>
 	<view class="container">
-		<view class="status_bar"></view>
+		<view class="status-bar"></view>
 		<!-- 顶部标题栏 固定 -->
 		<view class="top-bar">
-			<uni-nav-bar left-icon="left" title="活动列表" backgroundColor="none" :border="false"
+			<uni-nav-bar left-icon="left" title="活动列表" backgroundColor="none" :border="false" :statusBar="false"
 				@clickLeft="narBack" />
 		</view>
 
@@ -11,9 +11,8 @@
 		<scroll-view class="scroll-container" scroll-y="true" @scrolltolower="loadMoreData"
 			:lower-threshold="100">
 			<!-- 顶部图片 -->
-			<view class="topImg">
-				<image src="http://47.104.199.163:9090/images/home/banner.png"
-					style="width: 100%;height:100%;"></image>
+			<view class="top-img">
+				<image class="banner-img" src="http://47.104.199.163:9090/images/home/banner.png" mode="aspectFill"></image>
 			</view>
 
 			<!-- 选项卡 -->
@@ -62,12 +61,11 @@
 					</view>
 
 					<view class="activity-info">
-						<view class="u-demo-block__content ">
+						<view class="u-demo-block__content">
 							<up-row justify="space-between" customStyle="margin-bottom: 10px">
 								<up-col span="4">
 									<view class="info-image-left">
-										<image :src="activity.coverImage"
-											style="width: 100%;height: 100%;"></image>
+										<image :src="activity.coverImage" style="width: 100%;height: 100%;"></image>
 									</view>
 								</up-col>
 								<up-col span="8">
@@ -218,7 +216,7 @@ const getActivityListData = async (pageNum = 1) => {
 		if (res.code === 200) {
 			const list = res.rows || []
 			total.value = res.total || 0
-			
+
 			// 第一页覆盖数据，下一页追加数据
 			if (pageNum === 1) {
 				displayedActivities.value = list
@@ -336,9 +334,12 @@ watch(() => myFilter.value, () => {
 	padding: 0;
 }
 
-.status_bar {
+/* 状态栏 - 自适应设备状态栏高度 */
+.status-bar {
+	/* height: var(--status-bar-height); */
 	height: 46px;
 	width: 100%;
+	flex-shrink: 0;
 }
 
 /* 顶部标题 固定 */
@@ -353,35 +354,42 @@ watch(() => myFilter.value, () => {
 	flex: 1;
 	width: 100%;
 	overflow-y: auto;
-	padding: 0 40rpx;
+	padding: 0 30rpx;
 	box-sizing: border-box;
 }
 
-.topImg {
+/* 顶部图片 */
+.top-img {
 	width: 100%;
 	height: 280rpx;
 	margin: 20rpx 0;
 }
 
+.banner-img {
+	width: 100%;
+	height: 100%;
+	border-radius: 16rpx;
+}
+
 /* 顶部选项卡 */
 .tabs-container {
 	display: flex;
 	top: 0;
 	z-index: 10;
-	margin-bottom: 20rpx
+	margin-bottom: 20rpx;
 }
 
 .tab-item {
-	flex: 1;
+	display: flex;
 	text-align: center;
-	padding: 20rpx 0;
+	padding: 20rpx 32rpx;
 	font-size: 32rpx;
 	color: #666;
 	position: relative;
 }
 
 .tab-item.active {
-	color: #007AFF;
+	color: #2F77FD;
 	font-weight: 500;
 }
 
@@ -391,8 +399,9 @@ watch(() => myFilter.value, () => {
 	left: 50%;
 	transform: translateX(-50%);
 	width: 120rpx;
-	height: 6rpx;
-	background-color: #007AFF;
+	height: 8rpx;
+	background: linear-gradient(to bottom, #2F77FD, #CEDFFF);
+	/* background-color: #2F77FD; */
 	border-radius: 4rpx;
 }
 
@@ -400,7 +409,7 @@ watch(() => myFilter.value, () => {
 .filter-container {
 	background-color: #fff;
 	padding: 20rpx 0;
-	border-bottom: 1px solid #eee;
+	border-bottom: 1rpx solid #eee;
 }
 
 .filter-scroll {
@@ -410,7 +419,7 @@ watch(() => myFilter.value, () => {
 
 .filter-buttons {
 	display: inline-flex;
-	padding: 0 30rpx;
+	padding: 0 10rpx;
 }
 
 .filter-btn {
@@ -421,7 +430,9 @@ watch(() => myFilter.value, () => {
 	color: #666;
 	background-color: #f8f8f8;
 	border-radius: 25rpx;
-	border: 1px solid #eee;
+	border: 1rpx solid #eee;
+	white-space: nowrap;
+	flex-shrink: 0;
 }
 
 .filter-btn.active {
@@ -441,9 +452,9 @@ watch(() => myFilter.value, () => {
 	border-radius: 16rpx;
 	padding: 30rpx;
 	margin-bottom: 30rpx;
-	box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+	/* box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05); */
 	position: relative;
-	border: 1px solid #e1e1e1;
+	border: 1rpx solid #e1e1e1;
 }
 
 /* 活动状态标签 */
@@ -471,6 +482,7 @@ watch(() => myFilter.value, () => {
 	font-size: 22rpx;
 	border-radius: 20rpx;
 	z-index: 1;
+	background-color: rgba(0, 122, 255, 0.08);
 }
 
 .signed-badge text {
@@ -479,9 +491,10 @@ watch(() => myFilter.value, () => {
 
 /* 活动信息 */
 .activity-info {
-	margin-top: 10rpx;
+	padding-top: 50rpx;
 }
 
+/* 活动信息 */
 .info-image-left {
 	width: 170rpx;
 	height: 220rpx;
@@ -491,15 +504,19 @@ watch(() => myFilter.value, () => {
 	font-size: 30rpx;
 	font-weight: 500;
 	color: #222;
-	margin-bottom: 30rpx;
+	margin-bottom: 20rpx;
 	line-height: 1.4;
-	padding-right: 100rpx;
+	word-break: break-all;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+	overflow: hidden;
 }
 
 .activity-detail {
 	display: flex;
 	align-items: flex-start;
-	margin-bottom: 20rpx;
+	margin-bottom: 16rpx;
 	color: #999;
 	font-size: 24rpx;
 	line-height: 1.4;
@@ -520,25 +537,27 @@ watch(() => myFilter.value, () => {
 	flex: 1;
 	font-size: 20rpx;
 }
-.detail-text-address{
+
+.detail-text-address {
 	flex: 1;
 	font-size: 22rpx;
 }
 
 /* 操作按钮 */
 .action-buttons {
-	margin-top: 30rpx;
+	margin-top: 20rpx;
 	display: flex;
 	justify-content: flex-end;
 }
 
 .action-btn {
-	padding: 0px 26rpx;
-	height: 50rpx;
-	line-height: 50rpx;
-	font-size: 22rpx;
-	border-radius: 10rpx;
+	padding: 0 26rpx;
+	height: 56rpx;
+	line-height: 56rpx;
+	font-size: 24rpx;
+	border-radius: 28rpx;
 	margin: 0;
+	min-width: 140rpx;
 }
 
 .signup-btn {
@@ -618,4 +637,4 @@ watch(() => myFilter.value, () => {
 	margin-top: 20rpx;
 	margin-bottom: 10rpx;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/property-uniapp-project/pageSubPack/activity-list/activityListDetails.vue b/property-uniapp-project/pageSubPack/activity-list/activityListDetails.vue
index 28f12c5..0f5398f 100644
--- a/property-uniapp-project/pageSubPack/activity-list/activityListDetails.vue
+++ b/property-uniapp-project/pageSubPack/activity-list/activityListDetails.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="container">
-	  <view class="status_bar"></view>
+      <view class="status_bar"></view>
     <!-- 顶部导航栏 -->
     <view class="nav-bar">
       <view class="nav-left" @tap="goBack">
@@ -9,21 +9,21 @@
       <view class="nav-title">{{navTitle}}</view>
       <view class="nav-right"></view>
     </view>
-	
+
 
     <!-- 内容区域 -->
     <scroll-view class="scroll-content" scroll-y="true">
       <!-- 选项卡 -->
       <view class="tabs">
-        <view 
-          class="tab-item" 
+        <view
+          class="tab-item"
           :class="{ 'active': activeTab === 'detail' }"
           @tap="switchTab('detail')"
         >
           活动详情
         </view>
-        <view 
-          class="tab-item" 
+        <view
+          class="tab-item"
           :class="{ 'active': activeTab === 'status' }"
           @tap="switchTab('status')"
         >
@@ -39,46 +39,46 @@
             <view class="info-label">报名截止时间</view>
             <view class="info-value">{{formatTime(activityConent.applyDeadline)}}</view>
           </view>
-          
+
           <view class="info-item">
             <view class="info-label">活动时间</view>
             <view class="info-value">
               <text>{{formatTime(activityConent.startTime)}} 至 {{formatTime(activityConent.endTime)}}</text>
             </view>
           </view>
-          
+
           <view class="info-item">
             <view class="info-label">签到时间</view>
             <view class="info-value">
               <text>{{formatTime(activityConent.signinStartTime)}} 至 {{formatTime(activityConent.signinEndTime)}}</text>
             </view>
           </view>
-          
+
           <view class="info-item">
             <view class="info-label">活动地点</view>
             <view class="info-value">{{activityConent.address}}</view>
           </view>
-          
+
           <view class="info-item">
             <view class="info-label">活动名额</view>
             <view class="info-value">{{activityConent.quota}}人</view>
           </view>
-          
+
           <view class="info-item">
             <view class="info-label">主办方</view>
             <view class="info-value">{{activityConent.organizer}}</view>
           </view>
-          
+
           <view class="info-item">
             <view class="info-label">联系人</view>
             <view class="info-value">{{activityConent.contactName}}</view>
           </view>
-          
+
           <view class="info-item">
             <view class="info-label">联系电话</view>
             <view class="info-value">{{activityConent.contactPhone}}</view>
           </view>
-          
+
           <view class="info-item">
             <view class="info-label">积分奖励</view>
             <view class="info-value">{{activityConent.pointsReward}}</view>
@@ -107,9 +107,9 @@
       <view v-else class="status-content">
         <view class="status-header">
           <view class="status-title">
-			  <image src="http://47.104.199.163:9090/images/activity/liveScene.png" style="width: 38rpx;height: 23rpx;"></image>
-			  现场实况
-			  </view>
+              <image src="http://47.104.199.163:9090/images/activity/liveScene.png" style="width: 38rpx;height: 23rpx;"></image>
+              现场实况
+              </view>
           <view class="status-count">{{ liveRecords.length }}次</view>
         </view>
 
@@ -126,22 +126,22 @@
 				<view class="record-content">{{ record.content }}</view>
 				<!-- 图片展示 -->
 				<view v-if="record.images && record.images.length > 0" class="record-images">
-				 <view 
-				    v-for="(img, imgIndex) in record.images" 
-				    :key="imgIndex" 
+				 <view
+				    v-for="(img, imgIndex) in record.images"
+				    :key="imgIndex"
 				    class="image-item"
 				    :style="{ backgroundImage: `url(${img})` }"
 				  >
 				  <image :src="img" style="width: 100%;height: 100%;"></image>
 				  </view>
-				  
+
 				</view>
               </view>
-			   
+
             </view>
-           
-            
-           
+
+
+
           </view>
         </view>
       </view>
@@ -150,23 +150,23 @@
     <!-- 底部操作栏 -->
     <view class="bottom-bar">
       <!-- 未报名状态显示报名按钮 -->
-      <button 
-        v-if="!hasSigned && activeTab === 'detail'" 
+      <button
+        v-if="!hasSigned && activeTab === 'detail'"
         class="action-btn signup-btn"
         @tap="handleSignup"
       >
         报名
       </button>
-      
+
       <!-- 已报名状态显示取消报名按钮 -->
-      <button 
-        v-if="hasSigned && activeTab === 'detail'" 
+      <button
+        v-if="hasSigned && activeTab === 'detail'"
         class="action-btn cancel-btn"
         @tap="handleCancelSignup"
       >
         取消报名
       </button>
-	  
+
 	  <!-- 活动实况页显示添加实况按钮 -->
 	  <button class="action-btn add-status-btn" v-if="hasSigned &&activeTab === 'status'" @click="liveClick">添加实况</button>
     </view>
@@ -254,43 +254,43 @@ const formatTime = (timeStr) => {
 
 // ---接收参数---
 onLoad((option) =>{
-	navTitle.value = option?.title
-	curActivityId.value = option?.id
-	// 处理applied参数（可能是字符串类型，需要转布尔）
-	hasSigned.value = option?.applied === 'true' || option?.applied === true
-	// console.log('hasSigned.value',hasSigned.value)
-	  // 2. 初始化数据
-	  if (curActivityId.value) {
-	    getActivityDetailsData(curActivityId.value) // 获取活动详情
-	    getLiveActivityList() // 获取实况列表
-	  }
-	  
-	  // 3. 监听实况列表刷新事件
-	  uni.$on('refreshLiveList', () => {
-	    getLiveActivityList()
-	  })
+    navTitle.value = option?.title
+    curActivityId.value = option?.id
+    // 处理applied参数（可能是字符串类型，需要转布尔）
+    hasSigned.value = option?.applied === 'true' || option?.applied === true
+    // console.log('hasSigned.value',hasSigned.value)
+      // 2. 初始化数据
+      if (curActivityId.value) {
+        getActivityDetailsData(curActivityId.value) // 获取活动详情
+        getLiveActivityList() // 获取实况列表
+      }
+
+      // 3. 监听实况列表刷新事件
+      uni.$on('refreshLiveList', () => {
+        getLiveActivityList()
+      })
 })
 
 // 获取列表详情
 const getActivityDetailsData = async (id) =>{
-	try{
-		const res = await getActivityDetails(id)
-		if(res.code === 200){
-			activityConent.value = res.data || {}
-		}else{
-			activityConent.value = {}
-			uni.showToast({
-				title: res.msg ||"详情获取失败",
-				icon:"error"
-			})
-		}
-	}catch(err){ 
-		uni.showToast({
-			title: "网络异常",
-			icon:"none"
-		})
-		// console.error('获取活动详情失败：', err)
-	}
+    try{
+        const res = await getActivityDetails(id)
+        if(res.code === 200){
+            activityConent.value = res.data || {}
+        }else{
+            activityConent.value = {}
+            uni.showToast({
+                title: res.msg ||"详情获取失败",
+                icon:"error"
+            })
+        }
+    }catch(err){
+        uni.showToast({
+            title: "网络异常",
+            icon:"none"
+        })
+        // console.error('获取活动详情失败：', err)
+    }
 }
 
 // 切换选项卡
@@ -321,34 +321,34 @@ const confirmSignup = () => {
 
 // 确认报名接口
 const confirmRegist = async () =>{
-	try{
-		const res = await confirmResident(curActivityId.value)
-		if(res.code === 200){
-			hasSigned.value = true // 报名成功后更新状态
-			uni.showToast({
-				title: '报名成功',
-				icon:"success"
-			})
-			setTimeout(() =>{
-				uni.$emit('refreshActivityList', { 
-				    activityId: curActivityId.value,
-				    isSigned: true 
-				})
-				uni.navigateBack() 
-			},1500)
-		}else{
-			uni.showToast({
-				title: res.msg || "报名失败",
-				icon:"error"
-			})
-		}
-	}catch(err){
-		uni.showToast({
-			title: "网络异常",
-			icon:"none"
-		})
-		// console.error('报名失败：', err)
-	}
+    try{
+        const res = await confirmResident(curActivityId.value)
+        if(res.code === 200){
+            hasSigned.value = true // 报名成功后更新状态
+            uni.showToast({
+                title: '报名成功',
+                icon:"success"
+            })
+            setTimeout(() =>{
+                uni.$emit('refreshActivityList', {
+                    activityId: curActivityId.value,
+                    isSigned: true
+                })
+                uni.navigateBack()
+            },1500)
+        }else{
+            uni.showToast({
+                title: res.msg || "报名失败",
+                icon:"error"
+            })
+        }
+    }catch(err){
+        uni.showToast({
+            title: "网络异常",
+            icon:"none"
+        })
+        // console.error('报名失败：', err)
+    }
 }
 
 // 处理取消报名
@@ -361,7 +361,7 @@ const hideCancelModal = () => {
   showCancelModal.value = false
 }
 
-// 确认取消报名  
+// 确认取消报名
 const confirmCancel = () => {
   hasSigned.value = false // 取消报名后更新状态
   cancelActivityData()
@@ -370,76 +370,76 @@ const confirmCancel = () => {
 }
 // 确认取消报名接口
 const cancelActivityData = async () =>{
-	try{
-		const res = await cancelActivity(curActivityId.value)
-		if(res.code === 200){
-			hasSigned.value = false // 报名成功后更新状态
-			uni.showToast({
-				title: '取消报名成功',
-				icon:"success"
-			})
-			setTimeout(() =>{
-				uni.$emit('refreshActivityList', { 
-				    activityId: curActivityId.value,
-				    isSigned: false 
-				})
-				uni.navigateBack() 
-			},1500)
-		}else{
-			uni.showToast({
-				title: res.msg || "取消报名失败",
-				icon:"error"
-			})
-		}
-	}catch(err){
-		uni.showToast({
-			title: "网络异常",
-			icon:"none"
-		})
-	}
+    try{
+        const res = await cancelActivity(curActivityId.value)
+        if(res.code === 200){
+            hasSigned.value = false // 报名成功后更新状态
+            uni.showToast({
+                title: '取消报名成功',
+                icon:"success"
+            })
+            setTimeout(() =>{
+                uni.$emit('refreshActivityList', {
+                    activityId: curActivityId.value,
+                    isSigned: false
+                })
+                uni.navigateBack()
+            },1500)
+        }else{
+            uni.showToast({
+                title: res.msg || "取消报名失败",
+                icon:"error"
+            })
+        }
+    }catch(err){
+        uni.showToast({
+            title: "网络异常",
+            icon:"none"
+        })
+    }
 }
 
 
 // -----获取活动实况列表----
 const getLiveActivityList = async () =>{
-	try{
-		const res = await getActivityLive(curActivityId.value)
-		if(res.code === 200){
-			liveRecords.value = res.rows || []
-		}else{
-			liveRecords.value = []
-			uni.showToast({
-				title: res.msg ||"实况列表获取失败",
-				icon:"error"
-			})
-		}
-	}catch(err){ 
-		uni.showToast({
-			title: "网络异常",
-			icon:"none"
-		})
-	}
+    try{
+        const res = await getActivityLive(curActivityId.value)
+        if(res.code === 200){
+            liveRecords.value = res.rows || []
+        }else{
+            liveRecords.value = []
+            uni.showToast({
+                title: res.msg ||"实况列表获取失败",
+                icon:"error"
+            })
+        }
+    }catch(err){
+        uni.showToast({
+            title: "网络异常",
+            icon:"none"
+        })
+    }
 }
 
 // 添加实况跳转
 const liveClick = () =>{
-	uni.navigateTo({
-		url:`/pageSubPack/activity-list/live-add?id=${curActivityId.value}`
-	})
+    uni.navigateTo({
+        url:`/pageSubPack/activity-list/live-add?id=${curActivityId.value}`
+    })
 }
 
 // 监听实况列表刷新
 
 // ---------
 onUnload(() => {
-	uni.$off('refreshLiveList')
+    uni.$off('refreshLiveList')
 })
 
 // 显示提示信息
 const showToastMessage = (message) => {
   toastMessage.value = message
   showToast.value = true
-  
+
   setTimeout(() => {
     showToast.value = false
   }, 2000)
@@ -452,15 +452,17 @@ const showToastMessage = (message) => {
 <style scoped>
 /* 页面容器 */
 .container {
-  min-height: 100vh;
+  height: 100vh;
   display: flex;
   flex-direction: column;
-  background: linear-gradient(to bottom left, #E2F0FF 0%, #ffffff 50%)
+  background: linear-gradient(to bottom left, #E2F0FF 0%, #ffffff 50%);
+  overflow: hidden;
 }
 /* 状态栏 */
 .status_bar {
   height: 46px;
   width: 100%;
+  flex-shrink: 0;
 }
 
 /* 顶部导航栏 */
@@ -473,6 +475,7 @@ const showToastMessage = (message) => {
   position: sticky;
   top: 44px;
   z-index: 100;
+  flex-shrink: 0;
 }
 
 .nav-left {
@@ -504,7 +507,6 @@ const showToastMessage = (message) => {
   width: 100%;
   box-sizing: border-box;
   overflow-y: auto;
-  margin-bottom: 120rpx;
 }
 
 /* 选项卡 */
@@ -702,14 +704,10 @@ const showToastMessage = (message) => {
 
 /* 底部操作栏 */
 .bottom-bar {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
   padding: 20rpx 30rpx 40rpx;
   background-color: #fff;
   box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.05);
-  z-index: 100;
+  flex-shrink: 0;
 }
 
 .action-btn {
diff --git a/property-uniapp-project/pageSubPack/notice-list/oneClickOpen.vue b/property-uniapp-project/pageSubPack/notice-list/oneClickOpen.vue
index de4b398..249c9f7 100644
--- a/property-uniapp-project/pageSubPack/notice-list/oneClickOpen.vue
+++ b/property-uniapp-project/pageSubPack/notice-list/oneClickOpen.vue
@@ -106,7 +106,7 @@ const getAccessControl = async () =>{
 		doorList.value = []
 		uni.showToast({
 			title:err.msg || '查询失败',
-			icon:"error"
+			icon:"none"
 		})
 	}
 	
@@ -144,7 +144,7 @@ const getAccessOpenData = async () =>{
 	}catch(err){
 		uni.showToast({
 			title: err.msg || '开门失败',
-			icon:"error"
+			icon:"none"
 		})
 	}
 }
@@ -163,8 +163,11 @@ onLoad(() =>{
   box-sizing: border-box;
 }
   .status_bar {
-	height: 32px;
+	height: var(--status-bar-height);
 	width: 100%;
+	flex-shrink: 0;
+	/* height: 32px;
+	width: 100%; */
  }
 /* 顶部标题 */
 .top-bar {
diff --git a/property-uniapp-project/pageSubPack/online-repair/onlineRepair.vue b/property-uniapp-project/pageSubPack/online-repair/onlineRepair.vue
index e78b1d5..040e95a 100644
--- a/property-uniapp-project/pageSubPack/online-repair/onlineRepair.vue
+++ b/property-uniapp-project/pageSubPack/online-repair/onlineRepair.vue
@@ -258,7 +258,7 @@ onUnload(() =>{
   flex: 1;
   text-align: center;
   font-size: 32rpx;
-  font-weight: 600;
+  font-weight: 400;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
diff --git a/property-uniapp-project/pageSubPack/visitor/visitor-list.vue b/property-uniapp-project/pageSubPack/visitor/visitor-list.vue
index a9d1aee..2c2bde1 100644
--- a/property-uniapp-project/pageSubPack/visitor/visitor-list.vue
+++ b/property-uniapp-project/pageSubPack/visitor/visitor-list.vue
@@ -125,8 +125,8 @@ const fetchVisitorList = async () => {
     visitorList.value = mapData(res.data || [])
 	// console.log('222222',visitorList.value)
 
-  } catch (e) {
-    console.error('获取访客列表失败:', e)
+  } catch (err) {
+	uni.showToast({title:err.msg,icon:'none'})
   }
 }
 
diff --git a/property-uniapp-project/pages/navigation/navigation.vue b/property-uniapp-project/pages/navigation/navigation.vue
index 17c8cfc..8250a28 100644
--- a/property-uniapp-project/pages/navigation/navigation.vue
+++ b/property-uniapp-project/pages/navigation/navigation.vue
@@ -1,54 +1,57 @@
 <template>
   <view class="guide-page">
-	  <view class="status_bar"></view>
+    <view class="status-bar"></view>
     <!-- 引导内容滑动容器 -->
-    <swiper 
-      class="guide-swiper" 
-      :current="currentStep" 
+    <swiper
+      class="guide-swiper"
+      :current="currentStep"
       @change="handleSwiperChange"
       :disable-scroll="false"
       :indicator-dots="false"
-	  :mode="mode"
+      :mode="mode"
     >
       <!-- 便捷服务 -->
       <swiper-item>
         <view class="guide-item">
-			<view class="guide-img">
-				 <image  src="https://wuyeadmin.bugtc.com/images/guide1.png"  style="width: 100%;height: 100%;"></image>
-			</view>
-		  <view style="height: 200rpx;width: 100%;"></view>
-          <view class="guide-title">便捷服务</view>
-          <view class="guide-subtitle">报修、缴费、预约</view>
+          <view class="guide-img">
+            <image src="https://wuyeadmin.bugtc.com/images/guide1.png" mode="aspectFit" class="img-content"></image>
+          </view>
+          <view class="guide-text">
+            <view class="guide-title">便捷服务</view>
+            <view class="guide-subtitle">报修、缴费、预约</view>
+          </view>
         </view>
       </swiper-item>
 
       <!-- 高效管理 -->
       <swiper-item>
         <view class="guide-item">
-			<view class="guide-img">
-				<image  src="https://wuyeadmin.bugtc.com/images/guide2.png" style="width: 100%;height: 100%;"></image>
-			</view>
-			 <view style="height: 200rpx;width: 100%;"></view>
-          <view class="guide-title">高效管理</view>
-          <view class="guide-subtitle">自动化流程和智能设备</view>
+          <view class="guide-img">
+            <image src="https://wuyeadmin.bugtc.com/images/guide2.png" mode="aspectFit" class="img-content"></image>
+          </view>
+          <view class="guide-text">
+            <view class="guide-title">高效管理</view>
+            <view class="guide-subtitle">自动化流程和智能设备</view>
+          </view>
         </view>
       </swiper-item>
 
       <!--安全保障 -->
       <swiper-item>
         <view class="guide-item">
-			<view class="guide-img">
-				<image  src="https://wuyeadmin.bugtc.com/images/guide3.png" style="width: 100%;height: 100%;"></image>
-			</view>
-			 <view style="height: 200rpx;width: 100%;"></view>
-          <view class="guide-title">安全保障</view>
-          <view class="guide-subtitle">智能巡检和智慧访客</view>
+          <view class="guide-img">
+            <image src="https://wuyeadmin.bugtc.com/images/guide3.png" mode="aspectFit" class="img-content"></image>
+          </view>
+          <view class="guide-text">
+            <view class="guide-title">安全保障</view>
+            <view class="guide-subtitle">智能巡检和智慧访客</view>
+          </view>
         </view>
       </swiper-item>
     </swiper>
 
     <!-- 进度点 -->
-   <view class="progress-dots">
+    <view class="progress-dots">
       <view class="dot" :class="{ active: currentStep === 0 }"></view>
       <view class="dot" :class="{ active: currentStep === 1 }"></view>
       <view class="dot" :class="{ active: currentStep === 2 }"></view>
@@ -56,8 +59,8 @@
 
     <!-- 操作按钮 -->
     <view class="guide-btn-wrap">
-      <button 
-        class="guide-btn" 
+      <button
+        class="guide-btn"
         :class="{ primary: currentStep === 2 }"
         @click="handleBtnClick"
       >
@@ -91,9 +94,9 @@ const handleBtnClick = () => {
     // 1. 记录引导已完成
     uni.setStorageSync('hasShowGuide', true);
     // 2. 跳转首页
-	uni.navigateTo({
-		url:"/pageSubPack/loginSub/pwd-login"
-	})
+    uni.navigateTo({
+      url: "/pageSubPack/loginSub/pwd-login"
+    })
     // uni.switchTab({
     //   url: '/pages/index/index'
     // });
@@ -106,40 +109,61 @@ const handleBtnClick = () => {
 .guide-page {
   width: 100%;
   height: 100vh;
-  /* background-color: #f8f9ff; */
   background: linear-gradient(to bottom, #E2F0FF, #F6FAFF);
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: space-between;
-  padding: 120rpx 40rpx 80rpx;
   box-sizing: border-box;
 }
-  .status_bar {
-	height: 148px;
-	width: 100%;
-	}
-/* 滑动容器 */  
+
+/* 状态栏 - 自适应设备状态栏高度 */
+.status-bar {
+  height: var(--status-bar-height);
+  width: 100%;
+  flex-shrink: 0;
+}
+
+/* 滑动容器 */
 .guide-swiper {
   flex: 1;
   width: 100%;
 }
 
-/* 单个引导项 */
+/* 单个引导项 - 全屏自适应 */
 .guide-item {
-  width: 360px;
-  height: 480px;
+  width: 100%;
+  height: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  padding: 0 60rpx;
+  box-sizing: border-box;
 }
 
-
+/* 图片区域 - 自适应 */
 .guide-img {
+  width: 80%;
+  max-width: 600rpx;
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 40rpx;
+}
+
+.img-content {
   width: 100%;
-  height: 50%;
-  margin-bottom: 80rpx;
+  height: 100%;
+  max-height: 50vh;
+}
+
+/* 文字区域 */
+.guide-text {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-bottom: 40rpx;
 }
 
 /* 引导标题 */
@@ -161,7 +185,8 @@ const handleBtnClick = () => {
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-bottom: 60rpx;
+  margin-bottom: 40rpx;
+  flex-shrink: 0;
 }
 
 /* 单个进度点 */
@@ -171,6 +196,7 @@ const handleBtnClick = () => {
   border-radius: 8rpx;
   background-color: #ddd;
   margin: 0 8rpx;
+  transition: all 0.3s ease;
 }
 
 /* 激活的进度点 */
@@ -182,6 +208,9 @@ const handleBtnClick = () => {
 /* 按钮容器 */
 .guide-btn-wrap {
   width: 80%;
+  max-width: 600rpx;
+  margin-bottom: 80rpx;
+  flex-shrink: 0;
 }
 
 /* 引导按钮 */
@@ -216,4 +245,4 @@ const handleBtnClick = () => {
   color: #fff;
   border: none;
 }
-</style>
\ No newline at end of file
+</style>