From 152cad43e5d257c0ca7165b8c69d226324c480ad Mon Sep 17 00:00:00 2001
From: Zy <1448159279@qq.com>
Date: Wed, 29 Apr 2026 07:52:05 +0800
Subject: [PATCH] =?UTF-8?q?=20=E4=BB=8A=E6=97=A5=E5=B7=A1=E6=A3=80-?=
 =?UTF-8?q?=E5=89=8D=E7=AB=AF=E6=90=AD=E5=BB=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 wuye-manager-uniapp/components/tabs/tabs.vue  |  70 ++
 .../inspection/inspection_record.vue          |  59 ++
 wuye-manager-uniapp/pages.json                |  10 +-
 wuye-manager-uniapp/pages/index/index.vue     | 810 +++++++++---------
 4 files changed, 539 insertions(+), 410 deletions(-)
 create mode 100644 wuye-manager-uniapp/components/tabs/tabs.vue
 create mode 100644 wuye-manager-uniapp/pageSubPack/inspection/inspection_record.vue

diff --git a/wuye-manager-uniapp/components/tabs/tabs.vue b/wuye-manager-uniapp/components/tabs/tabs.vue
new file mode 100644
index 0000000..bf35e09
--- /dev/null
+++ b/wuye-manager-uniapp/components/tabs/tabs.vue
@@ -0,0 +1,70 @@
+<template>
+  <view class="tabs_box">
+    <view
+      v-for="(item, index) in tabslist"
+      :key="index"
+      @tap="handleTabs(item)"
+      class="tabs_items"
+      :class="{
+        active: item.value === activeValue
+      }"
+    >
+      {{ item.name }}
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+type tabslistType = { name: string; value: number }
+const props = defineProps<{
+  tabslist: tabslistType[]
+}>()
+const emit = defineEmits<{
+  update: [value: number]
+}>()
+
+const activeValue = ref(0)
+const handleTabs = (row: tabslistType) => {
+  activeValue.value = row.value
+  emit('update', row.value)
+}
+</script>
+
+<style lang="scss" scoped>
+// tabs
+.tabs_box {
+  height: 60rpx;
+  line-height: 60rpx;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  overflow-y: hidden;
+  overflow-x: auto;
+
+  .tabs_items {
+    /* 关键：不压缩宽度 */
+    flex-shrink: 0;
+    margin-right: 60rpx;
+    color: #4d5dfa;
+
+    &.active {
+      position: relative;
+
+      &::after {
+        content: '';
+        display: block;
+        width: 100%;
+        height: 8rpx;
+        background-color: #6371fa;
+        background: linear-gradient(180deg, #4d5dfa 0%, #bac0fa 100%);
+        border-radius: 4rpx;
+        position: absolute;
+        left: 0;
+        bottom: 0rpx;
+      }
+    }
+  }
+}
+</style>
diff --git a/wuye-manager-uniapp/pageSubPack/inspection/inspection_record.vue b/wuye-manager-uniapp/pageSubPack/inspection/inspection_record.vue
new file mode 100644
index 0000000..5cec71b
--- /dev/null
+++ b/wuye-manager-uniapp/pageSubPack/inspection/inspection_record.vue
@@ -0,0 +1,59 @@
+<template>
+  <view class="page_container inspection_record_box">
+    <TabsComponents :tabslist="tabslist" @update="handleChangeTabs"></TabsComponents>
+    <view class="">
+      <view class="record_item">
+        <view class="time">
+          <view>10月11日</view>
+        </view>
+        <view class="record_list_box">
+          <view class="record_list_item">
+            <view class="title">
+              <view class="title_name"> 标题 </view>
+              <view class="title_status"> 已巡检 </view>
+            </view>
+            <view class="items">
+              <view class="item">
+                <text>设备巡检</text>
+              </view>
+            </view>
+            <view class="time">
+              <text>巡检时间：</text>
+              <text>09:00:00 - 12:00:00</text>
+            </view>
+            <view class="time user">
+              <text>巡检人：</text>
+              <text>李相龙</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import TabsComponents from '@/components/tabs/tabs.vue'
+const tabslist = [
+  {
+    name: '全部',
+    value: 0
+  },
+  {
+    name: '未巡检',
+    value: 1
+  },
+  {
+    name: ' 已巡检',
+    value: 2
+  }
+]
+function handleChangeTabs(val: number) {
+  console.log('选择了：', val)
+}
+</script>
+
+<style lang="scss" scoped>
+.inspection_record_box {
+}
+</style>
diff --git a/wuye-manager-uniapp/pages.json b/wuye-manager-uniapp/pages.json
index 6301c2d..bb85ff7 100644
--- a/wuye-manager-uniapp/pages.json
+++ b/wuye-manager-uniapp/pages.json
@@ -98,6 +98,12 @@
           "style": {
             "navigationBarTitleText": "巡检上报"
           }
+        },
+        {
+          "path": "inspection_record",
+          "style": {
+            "navigationBarTitleText": "巡检记录"
+          }
         }
       ]
     },
@@ -157,8 +163,8 @@
   },
   "condition": {
     "list": [{
-      "name": "巡检上报",
-      "path": "pageSubPack/inspection/inspection_upload"
+      "name": "巡检记录",
+      "path": "pageSubPack/inspection/inspection_record"
     }]
   },
   "tabBar": {
diff --git a/wuye-manager-uniapp/pages/index/index.vue b/wuye-manager-uniapp/pages/index/index.vue
index b570374..4fe440b 100644
--- a/wuye-manager-uniapp/pages/index/index.vue
+++ b/wuye-manager-uniapp/pages/index/index.vue
@@ -1,453 +1,447 @@
 <template>
-	<view class="content-class">
-		<view class="nar-top">
-			<!-- 这里是状态栏占位 -->
-			<view class="status_bar"></view>
-			<!-- 导航栏 -->
-			<view class="nav-bar">
-				<text class="nav-title">首页</text>
-			</view>
-			<view class="tabbarClass">
-				<view class="header-container" @click="navigateToPage">
-					<!-- 左侧小区选择区域 -->
-					<view class="location-area">
-						<!-- 定位图标 -->
-						<view class="location-icon">
-							<image src="/static/imgs/adress.png" style="height: 100%;width: 100%;"></image>
-						</view>
-						<!-- 小区名称和下拉箭头 -->
-						<view class="community-selector">
-							<text class="community-name">{{ currentCommunity }}</text>
-							<view class="community-icon">
-								<image src="/static/imgs/三角形.png" style="height: 100%;width: 100%;"></image>
-							</view>
+  <view class="content-class">
+    <view class="nar-top">
+      <!-- 这里是状态栏占位 -->
+      <view class="status_bar"></view>
+      <!-- 导航栏 -->
+      <view class="nav-bar">
+        <text class="nav-title">首页</text>
+      </view>
+      <view class="tabbarClass">
+        <view class="header-container" @click="navigateToPage">
+          <!-- 左侧小区选择区域 -->
+          <view class="location-area">
+            <!-- 定位图标 -->
+            <view class="location-icon">
+              <image src="/static/imgs/adress.png" style="height: 100%; width: 100%"></image>
+            </view>
+            <!-- 小区名称和下拉箭头 -->
+            <view class="community-selector">
+              <text class="community-name">{{ currentCommunity }}</text>
+              <view class="community-icon">
+                <image src="/static/imgs/三角形.png" style="height: 100%; width: 100%"></image>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
 
-						</view>
-					</view>
-				</view>
-
-			</view>
-		</view>
-
-		<!-- banner -->
-		<view class="bannarClass">
-			<uni-swiper-dot class="uni-swiper-dot-box" @clickItem=clickItem :info="bannerList" :current="current"
-				:mode="mode">
-				<swiper class="swiper-box" :current="swiperDotIndex" :autoplay="true">
-					<swiper-item v-for="(item, index) in bannerList" :key="index">
-						<view class="swiper-item">
-							<image :src="item.img" style="width: 100%;height: 100%;"></image>
-						</view>
-					</swiper-item>
-				</swiper>
-			</uni-swiper-dot>
-		</view>
-		<!-- 巡检 -->
-		<view class="inspectionClass">
-			<!-- 消息通知栏 -->
-			<view class="noticeClass">
-				<!-- 左侧消息通知文字 -->
-				<view class="notice-left">
-					<image src="/static/imgs/notice.png" class="notice-icon"></image>
-				</view>
-				<!-- 右侧滚动公告 -->
-				<view class="notice-right" @click="getNoticeMore">
-					<uni-notice-bar :text="noticeText" type="line" :showIcon="false" show-get-more scrollable
-						color="#fff" background-color="transparent" moreColor="#fff" no-border>
-					</uni-notice-bar>
-				</view>
-			</view>
-
-			<!-- 巡检数据统计区 -->
-			<view class="statistics-wrap">
-				<view class="statistics-item" @click="goToDaysInspection">
-					<text class="num">25</text>
-					<text class="label">巡检点</text>
-				</view>
-				<view class="statistics-item">
-					<text class="num">5</text>
-					<text class="label">巡检点</text>
-				</view>
-				<view class="statistics-item">
-					<text class="num">25</text>
-					<text class="label">巡检点</text>
-				</view>
-			</view>
-		</view>
-		<!-- 网格布局功能 -->
-		<view class="function-container">
-			<!-- 第一行功能：故障上报、一键开门、工单大厅、我的工单 -->
-			<view class="function-row">
-				<view class="function-item">
-					<image class="item-icon" src="/static/imgs/fault-report.png" mode="aspectFit"></image>
-					<text class="item-text">故障上报</text>
-				</view>
-				<view class="function-item" @click="goToOneOpenDoor">
-					<image class="item-icon" src="/static/imgs/open.png" mode="aspectFit"></image>
-					<text class="item-text">一键开门</text>
-				</view>
-				<view class="function-item">
-					<image class="item-icon" src="/static/imgs/work-order.png" mode="aspectFit"></image>
-					<text class="item-text">工单大厅</text>
-				</view>
-				<view class="function-item">
-					<image class="item-icon" src="/static/imgs/my-work.png" mode="aspectFit"></image>
-					<text class="item-text">我的工单</text>
-				</view>
-			</view>
-			<!-- 2 -->
-			<view class="function-row" style="margin-top: 2px;">
-				<view class="function-item">
-					<image class="item-icon" src="/static/imgs/complaint.png" mode="aspectFit"></image>
-					<text class="item-text">投诉处理</text>
-				</view>
-			</view>
-
-		</view>
-
-
-
-
-
-	</view>
+    <!-- banner -->
+    <view class="bannarClass">
+      <uni-swiper-dot
+        class="uni-swiper-dot-box"
+        @clickItem="clickItem"
+        :info="bannerList"
+        :current="current"
+        :mode="mode"
+      >
+        <swiper class="swiper-box" :current="swiperDotIndex" :autoplay="true">
+          <swiper-item v-for="(item, index) in bannerList" :key="index">
+            <view class="swiper-item">
+              <image :src="item.img" style="width: 100%; height: 100%"></image>
+            </view>
+          </swiper-item>
+        </swiper>
+      </uni-swiper-dot>
+    </view>
+    <!-- 巡检 -->
+    <view class="inspectionClass">
+      <!-- 消息通知栏 -->
+      <view class="noticeClass">
+        <!-- 左侧消息通知文字 -->
+        <view class="notice-left">
+          <image src="/static/imgs/notice.png" class="notice-icon"></image>
+        </view>
+        <!-- 右侧滚动公告 -->
+        <view class="notice-right" @click="getNoticeMore">
+          <uni-notice-bar
+            :text="noticeText"
+            type="line"
+            :showIcon="false"
+            show-get-more
+            scrollable
+            color="#fff"
+            background-color="transparent"
+            moreColor="#fff"
+            no-border
+          >
+          </uni-notice-bar>
+        </view>
+      </view>
 
+      <!-- 巡检数据统计区 -->
+      <view class="statistics-wrap">
+        <view class="statistics-item" @click="goToInspectionRecord">
+          <text class="num">25</text>
+          <text class="label">全部巡检点</text>
+        </view>
+        <view class="statistics-item" @click="goToDaysInspection">
+          <text class="num">5</text>
+          <text class="label">待巡检点</text>
+        </view>
+        <view class="statistics-item">
+          <text class="num">25</text>
+          <text class="label">已巡检点</text>
+        </view>
+      </view>
+    </view>
+    <!-- 网格布局功能 -->
+    <view class="function-container">
+      <!-- 第一行功能：故障上报、一键开门、工单大厅、我的工单 -->
+      <view class="function-row">
+        <view class="function-item">
+          <image class="item-icon" src="/static/imgs/fault-report.png" mode="aspectFit"></image>
+          <text class="item-text">故障上报</text>
+        </view>
+        <view class="function-item" @click="goToOneOpenDoor">
+          <image class="item-icon" src="/static/imgs/open.png" mode="aspectFit"></image>
+          <text class="item-text">一键开门</text>
+        </view>
+        <view class="function-item">
+          <image class="item-icon" src="/static/imgs/work-order.png" mode="aspectFit"></image>
+          <text class="item-text">工单大厅</text>
+        </view>
+        <view class="function-item">
+          <image class="item-icon" src="/static/imgs/my-work.png" mode="aspectFit"></image>
+          <text class="item-text">我的工单</text>
+        </view>
+      </view>
+      <!-- 2 -->
+      <view class="function-row" style="margin-top: 2px">
+        <view class="function-item">
+          <image class="item-icon" src="/static/imgs/complaint.png" mode="aspectFit"></image>
+          <text class="item-text">投诉处理</text>
+        </view>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script setup>
-	import {
-		ref
-	} from 'vue'
-	import {
-		onLoad,
-		onUnload
-	} from '@dcloudio/uni-app'
-	
+import { ref } from 'vue'
+import { onLoad, onUnload } from '@dcloudio/uni-app'
 
-	// 列表数据状态
-	const current = ref(0)
+// 列表数据状态
+const current = ref(0)
 
-	const currentCommunity = ref('碧桂园小区')
-	const bannerList = ref([
-		{
-			img: '/static/imgs/banner1.png'
-		},
-		{
-			img: '/static/bannar2.png'
-		},
-	])
-	const noticeText = ref('公告公告本小区今天安装了摄像头')
+const currentCommunity = ref('碧桂园小区')
+const bannerList = ref([
+  {
+    img: '/static/imgs/banner1.png'
+  },
+  {
+    img: '/static/bannar2.png'
+  }
+])
+const noticeText = ref('公告公告本小区今天安装了摄像头')
 
+// =======方法=======
+// 跳转小区
+const navigateToPage = () => {
+  uni.navigateTo({
+    url: '/pageSubPack/notice-list/select-community'
+  })
+}
+// 跳转公告
+const getNoticeMore = () => {
+  uni.navigateTo({
+    url: '/pageSubPack/notice-list/notice-list'
+  })
+}
+// 跳转一键开门
+const goToOneOpenDoor = () => {
+  uni.navigateTo({
+    url: '/pageSubPack/oneClickOpen/oneClickOpen'
+  })
+}
 
+// 跳转到 今日巡检
+const goToDaysInspection = () => {
+  uni.navigateTo({
+    url: '/pageSubPack/inspection/toDays_inscpection'
+  })
+}
+// 跳转到 巡检记录
+const goToInspectionRecord = () => {
+  uni.navigateTo({
+    url: '/pageSubPack/inspection/inspection_record'
+  })
+}
 
+// 接收选择小区返回的参数
+const slelctHomeData = data => {
+  // console.log('收到B页面返回的数据：', data)
+  currentCommunity.value = data.name
+}
+onLoad(() => {
+  // 绑定全局事件监听
+  uni.$on('confirm', slelctHomeData)
+})
 
-	// =======方法=======
-	// 跳转小区
-	const navigateToPage =() =>{
-		uni.navigateTo({
-			url:"/pageSubPack/notice-list/select-community"
-		})
-	}
-	// 跳转公告
-	const getNoticeMore = () => {
-		uni.navigateTo({
-			url: "/pageSubPack/notice-list/notice-list"
-		})
-	}
-	// 跳转一键开门
-	const goToOneOpenDoor = ()=>{
-		uni.navigateTo({
-			url: "/pageSubPack/oneClickOpen/oneClickOpen"
-		})
-	}
-	
-	
-	// 跳转到 今日巡检
-	const goToDaysInspection = () => {
-		uni.navigateTo({
-			url: "/pageSubPack/inspection/toDays_inscpection"
-		})
-	}
-	
-	
-	
-	// 接收选择小区返回的参数
-	const slelctHomeData = (data) => {
-		// console.log('收到B页面返回的数据：', data)
-		currentCommunity.value = data.name
-	}
-	onLoad(() => {
-		// 绑定全局事件监听  
-		uni.$on('confirm', slelctHomeData)
+// 页面销毁时移除监听（防止内存泄漏）
+onUnload(() => {
+  uni.$off('confirm', slelctHomeData)
+})
 
-
-	})
-
-	// 页面销毁时移除监听（防止内存泄漏）
-	onUnload(() => {
-		uni.$off('confirm', slelctHomeData)
-	})
-
-	// 方法逻辑
+// 方法逻辑
 </script>
 
 <style lang="scss" scoped>
-	.content-class {
-		// margin: 0 20rpx;
-		// padding: 2rpx;
-		background-color: #f9f9f9;
-		padding-bottom: 100rpx;
-		box-sizing: border-box;
-		/* 保证padding不会撑大容器 */
-		min-height: 110vh;
-		overflow-y: auto;
+.content-class {
+  // margin: 0 20rpx;
+  // padding: 2rpx;
+  background-color: #f9f9f9;
+  padding-bottom: 100rpx;
+  box-sizing: border-box;
+  /* 保证padding不会撑大容器 */
+  min-height: 110vh;
+  overflow-y: auto;
 
-		.nar-top {
-			height: 400rpx;
-			width: 100%;
-			// background-color: #C0E4FB;
-			background: repeating-linear-gradient(to right, #EDF4FA, #C0E4FB);
-			position: absolute;
+  .nar-top {
+    height: 400rpx;
+    width: 100%;
+    // background-color: #C0E4FB;
+    background: repeating-linear-gradient(to right, #edf4fa, #c0e4fb);
+    position: absolute;
+  }
 
-		}
+  .status_bar {
+    height: 46px;
+    width: 100%;
+  }
 
-		.status_bar {
-			height: 46px;
-			width: 100%;
-		}
+  /* 导航栏 */
+  .nav-bar {
+    height: 44px;
+    line-height: 44px;
+    text-align: center;
+  }
 
-		/* 导航栏 */
-		.nav-bar {
-			height: 44px;
-			line-height: 44px;
-			text-align: center;
-		}
+  .nav-title {
+    font-size: 14px;
+    font-weight: 400;
+  }
 
-		.nav-title {
-			font-size: 14px;
-			font-weight: 400;
-		}
+  .header-container {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 4rpx 30rpx;
+    box-sizing: border-box;
+    // border-bottom: 1rpx solid #f0f0f0;
+    position: absolute;
+    top: 85px;
+    left: 0;
+    z-index: 9999;
+  }
 
-		.header-container {
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			padding: 4rpx 30rpx;
-			box-sizing: border-box;
-			// border-bottom: 1rpx solid #f0f0f0;
-			position: absolute;
-			top: 85px;
-			left: 0;
-			z-index: 9999;
-		}
+  // 左侧区域
+  .location-area {
+    display: flex;
+    align-items: center;
+    position: relative;
+    flex: 1;
+    min-width: 0;
 
-		// 左侧区域
-		.location-area {
-			display: flex;
-			align-items: center;
-			position: relative;
-			flex: 1;
-			min-width: 0;
+    .location-icon {
+      width: 45rpx;
+      height: 45rpx;
+      margin-right: 12rpx;
+      flex-shrink: 0;
+    }
 
-			.location-icon {
-				width: 45rpx;
-				height: 45rpx;
-				margin-right: 12rpx;
-				flex-shrink: 0;
-			}
+    .community-selector {
+      display: flex;
+      align-items: center;
+      max-width: 300rpx;
+      cursor: pointer;
 
-			.community-selector {
-				display: flex;
-				align-items: center;
-				max-width: 300rpx;
-				cursor: pointer;
+      .community-name {
+        font-size: 26rpx;
+        font-weight: 500;
+        color: #000;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        max-width: 200rpx;
+      }
 
-				.community-name {
-					font-size: 26rpx;
-					font-weight: 500;
-					color: #000;
-					white-space: nowrap;
-					overflow: hidden;
-					text-overflow: ellipsis;
-					max-width: 200rpx;
-				}
+      .community-icon {
+        width: 20rpx;
+        height: 20rpx;
+        margin-left: 20rpx;
+        margin-top: -22rpx;
+      }
+    }
+  }
 
-				.community-icon {
-					width: 20rpx;
-					height: 20rpx;
-					margin-left: 20rpx;
-					margin-top: -22rpx;
-				}
-			}
-		}
+  .bannarClass {
+    position: relative;
+    top: 110px;
+    left: 0;
+    padding: 40rpx;
+  }
 
-		.bannarClass {
-			position: relative;
-			top: 110px;
-			left: 0;
-			padding: 40rpx;
-		}
+  .swiper-box {
+    height: 300rpx;
+    border-radius: 16rpx !important;
+    overflow: hidden !important;
+  }
 
-		.swiper-box {
-			height: 300rpx;
-			border-radius: 16rpx !important;
-			overflow: hidden !important
-		}
+  .swiper-item {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 300rpx;
+    color: #fff;
+  }
 
-		.swiper-item {
-			display: flex;
-			flex-direction: column;
-			justify-content: center;
-			align-items: center;
-			height: 300rpx;
-			color: #fff;
-		}
+  .inspectionClass {
+    position: relative;
+    top: 107px;
+    left: 0;
+    margin: 0 40rpx;
+    // height: 236rpx;
+    background: linear-gradient(to right, #7b87fa, #4d5dfa);
+    border-radius: 25rpx;
+    box-sizing: border-box;
+    padding: 30rpx;
+  }
 
-		.inspectionClass {
-			position: relative;
-			top: 107px;
-			left: 0;
-			margin: 0 40rpx;
-			// height: 236rpx;
-			background: linear-gradient(to right, #7B87FA, #4D5DFA);
-			border-radius: 25rpx;
-			box-sizing: border-box;
-			padding: 30rpx;
-		}
+  // 消息通知栏
+  .noticeClass {
+    display: flex;
+    align-items: center;
+    height: 80rpx;
+    background: rgba(255, 255, 255, 0.1);
+    border-radius: 16rpx;
+    padding: 6rpx 20rpx;
+    margin-bottom: 30rpx;
+    border: 1rpx solid rgba(255, 255, 255, 0.1);
+  }
 
-		// 消息通知栏
-		.noticeClass {
-			display: flex;
-			align-items: center;
-			height: 80rpx;
-			background: rgba(255, 255, 255, 0.1);
-			border-radius: 16rpx;
-			padding: 6rpx 20rpx;
-			margin-bottom: 30rpx;
-			border: 1rpx solid rgba(255, 255, 255, 0.1);
-		}
+  // 左侧“消息通知”文字
+  .notice-left {
+    margin-right: 20rpx;
+  }
 
-		// 左侧“消息通知”文字
-		.notice-left {
-			margin-right: 20rpx;
-		}
+  .notice-icon {
+    width: 48rpx;
+    height: 48rpx;
+  }
 
-		.notice-icon {
-			width: 48rpx;
-			height: 48rpx;
+  // 右侧公告滚动区
+  .notice-right {
+    flex: 1; // 占满剩余宽度
+  }
 
-		}
+  // 深度修改uni-notice-bar样式
+  ::v-deep .uni-noticebar {
+    background-color: transparent !important;
+    height: 100% !important;
+    line-height: 80rpx !important;
+    padding: 0 !important;
+    margin: 0 !important;
+  }
 
-		// 右侧公告滚动区
-		.notice-right {
-			flex: 1; // 占满剩余宽度
-		}
+  // 公告文字样式
+  ::v-deep .uni-noticebar__content {
+    font-size: 26rpx !important;
+    color: #fff !important;
+    padding: 0 !important;
+  }
 
-		// 深度修改uni-notice-bar样式
-		::v-deep .uni-noticebar {
-			background-color: transparent !important;
-			height: 100% !important;
-			line-height: 80rpx !important; 
-			padding: 0 !important;
-			margin: 0 !important;
-		}
+  // 右侧箭头按钮
+  ::v-deep .uni-noticebar__more {
+    color: #fff !important;
+    font-size: 24rpx !important;
+    padding: 0 0 0 10rpx !important;
+  }
 
-		// 公告文字样式
-		::v-deep .uni-noticebar__content {
-			font-size: 26rpx !important;
-			color: #fff !important;
-			padding: 0 !important;
-		}
+  // 隐藏默认滚动动画的多余样式
+  ::v-deep .uni-noticebar__content-wrapper--scrollable {
+    left: 0 !important;
+    width: calc(100% - 30rpx) !important; // 给箭头留空间
+  }
 
-		// 右侧箭头按钮
-		::v-deep .uni-noticebar__more {
-			color: #fff !important;
-			font-size: 24rpx !important;
-			padding: 0 0 0 10rpx !important;
-		}
+  // 统计区布局
+  .statistics-wrap {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 20rpx;
+  }
 
-		// 隐藏默认滚动动画的多余样式
-		::v-deep .uni-noticebar__content-wrapper--scrollable {
-			left: 0 !important;
-			width: calc(100% - 30rpx) !important; // 给箭头留空间
-		}
+  // 统计项样式
+  .statistics-item {
+    text-align: center;
+  }
 
-		// 统计区布局
-		.statistics-wrap {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			padding: 0 20rpx;
-		}
+  .statistics-item .num {
+    font-size: 36rpx;
+    font-weight: bold;
+    color: #fff;
+    display: block;
+    line-height: 1;
+    margin-bottom: 10rpx;
+  }
 
-		// 统计项样式
-		.statistics-item {
-			text-align: center;
-		}
+  .statistics-item .label {
+    font-size: 24rpx;
+    color: #fff;
+    opacity: 0.9;
+  }
+  .function-container {
+    background-color: #ffffff;
+    border-radius: 8rpx;
+    padding: 30rpx 20rpx;
+    box-sizing: border-box;
+    position: relative;
+    top: 123px;
+    left: 0;
+    margin: 0 40rpx;
+  }
 
-		.statistics-item .num {
-			font-size: 36rpx;
-			font-weight: bold;
-			color: #fff;
-			display: block;
-			line-height: 1;
-			margin-bottom: 10rpx;
-		}
+  // 功能行布局
+  .function-row {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20rpx;
 
-		.statistics-item .label {
-			font-size: 24rpx;
-			color: #fff;
-			opacity: 0.9;
-		}
-		.function-container {
-		  background-color: #ffffff;
-		  border-radius: 8rpx;
-		  padding: 30rpx 20rpx;
-		  box-sizing: border-box;
-		  position: relative;
-		  top: 123px;
-		  left: 0;
-		  margin: 0 40rpx;
-		}
-		
-		// 功能行布局
-		.function-row {
-		  display: flex;
-		  align-items: center;
-		  margin-bottom: 20rpx;
-	  
-		  &:last-child {
-		    margin-bottom: 0;
-		  }
-		}
-		
-		.function-item {
-		  display: flex;
-		  flex-direction: column;
-		  align-items: center;
-		  justify-content: center;
-		  width: 25%; // 一行4个，每个占25%
-		  padding: 10rpx 0;
-		
-		  // 第二行只有1个，单独调整宽度
-		  .function-row:nth-child(2) & {
-		    width: 25%; // 和第一行图标宽度保持一致
-		  }
-		}
-		
-		// 功能图标样式
-		.item-icon {
-		  width: 88rpx;
-		  height: 88rpx;
-		  margin-bottom: 10rpx;
-		}
-		
-		// 功能文字样式
-		.item-text {
-		  font-size: 24rpx;
-		  color: #333333;
-		  font-weight: 400;
-		  text-align: center;
-		}
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
 
-	}
-</style>
\ No newline at end of file
+  .function-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 25%; // 一行4个，每个占25%
+    padding: 10rpx 0;
+
+    // 第二行只有1个，单独调整宽度
+    .function-row:nth-child(2) & {
+      width: 25%; // 和第一行图标宽度保持一致
+    }
+  }
+
+  // 功能图标样式
+  .item-icon {
+    width: 88rpx;
+    height: 88rpx;
+    margin-bottom: 10rpx;
+  }
+
+  // 功能文字样式
+  .item-text {
+    font-size: 24rpx;
+    color: #333333;
+    font-weight: 400;
+    text-align: center;
+  }
+}
+</style>