diff --git a/.hbuilderx/launch.json b/.hbuilderx/launch.json
new file mode 100644
index 0000000..582561b
--- /dev/null
+++ b/.hbuilderx/launch.json
@@ -0,0 +1,16 @@
+{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
+  // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
+    "version": "0.0",
+    "configurations": [{
+     	"app-plus" : 
+     	{
+     		"launchtype" : "local"
+     	},
+     	"default" : 
+     	{
+     		"launchtype" : "local"
+     	},
+     	"type" : "uniCloud"
+     }
+    ]
+}
diff --git a/pages/index/components/businessCenter.vue b/pages/index/components/businessCenter.vue
index cd643ff..6ac6aca 100644
--- a/pages/index/components/businessCenter.vue
+++ b/pages/index/components/businessCenter.vue
@@ -1,7 +1,7 @@
 <template>
-  <view>
+  <view style="background-color: #2c66a9; width: 100%; height: 5vh" :style="{ backgroundPositionY: -44 + safeAreaInsets.top + 'px' }">
     <!-- 自定义导航栏 -->
-    <view class="van-nav-bar">
+    <view :style="{ paddingTop: safeAreaInsets.top + 'px' }" class="van-nav-bar">
       <view class="van-nav-bar__content">
         <view class="page-icon" @click="gotoBack">
           <uni-icons color="#fff" type="back" size="26"></uni-icons>
@@ -46,6 +46,7 @@
 
 <script setup>
 import { ref } from 'vue';
+const { safeAreaInsets } = uni.getSystemInfoSync();
 const tags = ref([
   {
     text: '违法',
diff --git a/pages/index/components/drivingLicence.vue b/pages/index/components/drivingLicence.vue
index cf9607d..e395a7a 100644
--- a/pages/index/components/drivingLicence.vue
+++ b/pages/index/components/drivingLicence.vue
@@ -1,316 +1,311 @@
 <template>
-	<view class="van-nav-bar">
-		<view class="van-nav-bar__content">
-			<view class="page-icon" @click="gotoBack">
-				<uni-icons color="#fff" type="back" size="26"></uni-icons>
-				<view>返回</view>
-			</view>
-			<view class="page-navbar">我的驾驶证</view>
-		</view>
-	</view>
-	<view class="content">
-		<view class="business">
-			<view class="business-top">
-				<view style="display: flex; align-items: center;">
-					<image src="../../../static/认领.png" class="image"></image>
-					<text style="margin-left: 30rpx; font-weight: 500; font-size: 32rpx;">代办驾驶证业务</text>
-				</view>
-				<view style="font-size: 24rpx; color: #858585;">
-					{{'共一项代办业务'}}
-				</view>
-			</view>
-			<view class="business-bottom">
-				<view class="tag">
-					<text style="margin-left: 10rpx;">待办</text>
-				</view>
-				<view class="">
-					期满换证
-				</view>
-				<view style="font-size: 28rpx; color:#666666; margin-left: 20rpx;">
-					请尽快更换驾驶证
-				</view>
-				<view style="width: 15%;">
-					<uni-tag text="详情" type="primary" size="small" inverted></uni-tag>
-				</view>
-			</view>
-		</view>
-		<view class="driving">
-			<view class="driving-content">
-				<view v-for="(item,index) in drivingData" :key="idnex">
-					<view class="driving-item">
-						<text style="font-weight: 600;margin-bottom: 10rpx; font-size: 26rpx;">{{item.title}}</text>
-						<text style="font-size: 26rpx;color: #5d5d5d;">{{item.content}}</text>
-					</view>
-				</view>
-			</view>
-			<view class="driving-print">
-				<view>
-					<view id="lineChartRef" :style="{ width: '200px', height: '200px' }" />
-				</view>
-			</view>
-		</view>
-		<view class="drivingList">
-			<view class="item">
-				<text style="margin-left: 40rpx; font-weight: 550;">登录手机号码</text>
-				<text style="margin-right: 20rpx;">{{'151****9198'}}</text>
-			</view>
-			<view class="item">
-				<text style="margin-left: 40rpx;font-weight: 550;">驾驶证电子版</text>
-				<text style="margin-right: 20rpx;">
-					<uni-icons color="#a8a8a8" type="right" size="26"></uni-icons>
-				</text>
-			</view>
-			<view class="item">
-				<text style="margin-left: 40rpx;font-weight: 550;">安全驾驶记录</text>
-				<text style="margin-right: 20rpx;">
-					<uni-icons color="#a8a8a8" type="right" size="26"></uni-icons>
-					</text>
-			</view>
-			<view class="item">
-				<text style="margin-left: 40rpx; font-weight: 550;">驾驶证实习期信息</text>
-				<text style="margin-right: 20rpx;">
-					<uni-icons color="#a8a8a8" type="right" size="26"></uni-icons>
-					</text>
-			</view>
-			<view class="item">
-				<text style="margin-left: 40rpx;font-weight: 550;">我的违法</text>
-				<text style="margin-right: 20rpx;">
-					<uni-icons color="#a8a8a8" type="right" size="26"></uni-icons>
-					</text>
-			</view>
-			<text class="warning">当前您的驾驶证积分清除截止时间为2024年08月30日零点。</text>
-		</view>
-	</view>
-
+  <view class="van-nav-bar">
+    <view class="van-nav-bar__content">
+      <view class="page-icon" @click="gotoBack">
+        <uni-icons color="#fff" type="back" size="26"></uni-icons>
+        <view>返回</view>
+      </view>
+      <view class="page-navbar">我的驾驶证</view>
+    </view>
+  </view>
+  <view class="content">
+    <view class="business">
+      <view class="business-top">
+        <view style="display: flex; align-items: center">
+          <image src="../../../static/renling.png" class="image"></image>
+          <text style="margin-left: 30rpx; font-weight: 500; font-size: 32rpx">代办驾驶证业务</text>
+        </view>
+        <view style="font-size: 24rpx; color: #858585">
+          {{ '共一项代办业务' }}
+        </view>
+      </view>
+      <view class="business-bottom">
+        <view class="tag">
+          <text style="margin-left: 10rpx">待办</text>
+        </view>
+        <view class="">期满换证</view>
+        <view style="font-size: 28rpx; color: #666666; margin-left: 20rpx">请尽快更换驾驶证</view>
+        <view style="width: 15%">
+          <uni-tag text="详情" type="primary" size="small" inverted></uni-tag>
+        </view>
+      </view>
+    </view>
+    <view class="driving">
+      <view class="driving-content">
+        <view v-for="(item, index) in drivingData" :key="idnex">
+          <view class="driving-item">
+            <text style="font-weight: 600; margin-bottom: 10rpx; font-size: 26rpx">{{ item.title }}</text>
+            <text style="font-size: 26rpx; color: #5d5d5d">{{ item.content }}</text>
+          </view>
+        </view>
+      </view>
+      <view class="driving-print">
+        <view>
+          <view id="lineChartRef" :style="{ width: '200px', height: '200px' }" />
+        </view>
+      </view>
+    </view>
+    <view class="drivingList">
+      <view class="item">
+        <text style="margin-left: 40rpx; font-weight: 550">登录手机号码</text>
+        <text style="margin-right: 20rpx">{{ '151****9198' }}</text>
+      </view>
+      <view class="item">
+        <text style="margin-left: 40rpx; font-weight: 550">驾驶证电子版</text>
+        <text style="margin-right: 20rpx">
+          <uni-icons color="#a8a8a8" type="right" size="26"></uni-icons>
+        </text>
+      </view>
+      <view class="item">
+        <text style="margin-left: 40rpx; font-weight: 550">安全驾驶记录</text>
+        <text style="margin-right: 20rpx">
+          <uni-icons color="#a8a8a8" type="right" size="26"></uni-icons>
+        </text>
+      </view>
+      <view class="item">
+        <text style="margin-left: 40rpx; font-weight: 550">驾驶证实习期信息</text>
+        <text style="margin-right: 20rpx">
+          <uni-icons color="#a8a8a8" type="right" size="26"></uni-icons>
+        </text>
+      </view>
+      <view class="item">
+        <text style="margin-left: 40rpx; font-weight: 550">我的违法</text>
+        <text style="margin-right: 20rpx">
+          <uni-icons color="#a8a8a8" type="right" size="26"></uni-icons>
+        </text>
+      </view>
+      <text class="warning">当前您的驾驶证积分清除截止时间为2024年08月30日零点。</text>
+    </view>
+  </view>
 </template>
 
 <script setup>
-	import {
-		ref,
-		onMounted
-	} from 'vue'
-	import * as echarts from 'echarts';
-	const gotoBack = () => {
-		uni.navigateBack({
-			delta: 1
-		})
-	}
-	const drivingData = [{
-			title: '驾驶证号',
-			content: '2302**********1229'
-		},
-		{
-			title: '准驾车型',
-			content: 'C1'
-		},
-		{
-			title: '驾驶证有效期止',
-			content: '2024-08-30'
-		},
-		{
-			title: '审核有效期止',
-			content: '2024-08-30'
-		},
-		{
-			title: '下一清分日期',
-			content: '2024-08-30'
-		},
-		{
-			title: '下一体检日期',
-			content: '2024-08-30'
-		},
-		{
-			title: '数据更新时间',
-			content: '2023-08-30'
-		},
-	]
+import { ref, onMounted } from 'vue';
+import * as echarts from 'echarts';
+const gotoBack = () => {
+  uni.navigateBack({
+    delta: 1
+  });
+};
+const drivingData = [
+  {
+    title: '驾驶证号',
+    content: '2302**********1229'
+  },
+  {
+    title: '准驾车型',
+    content: 'C1'
+  },
+  {
+    title: '驾驶证有效期止',
+    content: '2024-08-30'
+  },
+  {
+    title: '审核有效期止',
+    content: '2024-08-30'
+  },
+  {
+    title: '下一清分日期',
+    content: '2024-08-30'
+  },
+  {
+    title: '下一体检日期',
+    content: '2024-08-30'
+  },
+  {
+    title: '数据更新时间',
+    content: '2023-08-30'
+  }
+];
 
-	const option = {
-		series: [{
-			type: 'gauge',
-			min: 0, // 最小刻度
-			max: 12,
-			radius: '100%',
-			progress: {
-				show: true,
-				width: 18,
-				roundCap: true,
-				itemStyle: {
-					color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-							offset: 0,
-							color: '#A65FFB'
-						},
-						{
-							offset: 1,
-							color: '#3163F5'
-						}
-					])
-				}
-			},
-			axisLine: {
-				lineStyle: {
-					width: 18
-				},
-				roundCap: true
-			},
-			axisTick: {
-				show: false
-			},
-			splitLine: {
-				show: false
-			},
-			pointer: {
-				show: false
-			},
-			axisLabel: {
-				show: false
-			},
-			anchor: {
-				show: false
-			},
-			title: {
-				offsetCenter: [0, '20%'],
-				fontSize: 20
-			},
-			detail: {
-				valueAnimation: true,
-				formatter: '{value} 分',
-				color: 'inherit'
-			},
-			data: [{
-				value: 1,
-				name: '累计积分\n\n\n\n\n\n正常',
-			}]
-		}]
-	};
+const option = {
+  series: [
+    {
+      type: 'gauge',
+      min: 0, // 最小刻度
+      max: 12,
+      radius: '100%',
+      progress: {
+        show: true,
+        width: 18,
+        roundCap: true,
+        itemStyle: {
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            {
+              offset: 0,
+              color: '#A65FFB'
+            },
+            {
+              offset: 1,
+              color: '#3163F5'
+            }
+          ])
+        }
+      },
+      axisLine: {
+        lineStyle: {
+          width: 18
+        },
+        roundCap: true
+      },
+      axisTick: {
+        show: false
+      },
+      splitLine: {
+        show: false
+      },
+      pointer: {
+        show: false
+      },
+      axisLabel: {
+        show: false
+      },
+      anchor: {
+        show: false
+      },
+      title: {
+        offsetCenter: [0, '20%'],
+        fontSize: 20
+      },
+      detail: {
+        valueAnimation: true,
+        formatter: '{value} 分',
+        color: 'inherit'
+      },
+      data: [
+        {
+          value: 1,
+          name: '累计积分\n\n\n\n\n\n正常'
+        }
+      ]
+    }
+  ]
+};
 
-	// 在组件挂载后初始化ECharts实例并设置选项
-	onMounted(() => {
-		// const lineChartContainer = lineChartRef.value;
-		const lineChartContainer = document.getElementById('lineChartRef');
-		if (lineChartContainer) {
-			const myChart = echarts.init(lineChartContainer);
-			myChart.setOption(option);
-		}
-	});
+// 在组件挂载后初始化ECharts实例并设置选项
+onMounted(() => {
+  // const lineChartContainer = lineChartRef.value;
+  const lineChartContainer = document.getElementById('lineChartRef');
+  if (lineChartContainer) {
+    const myChart = echarts.init(lineChartContainer);
+    myChart.setOption(option);
+  }
+});
 </script>
 
 <style lang="scss">
-	.van-nav-bar__content {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		height: 4rem;
-		background-color: #2c66a9;
-		color: #fff;
-		letter-spacing: 1.5px;
-		position: relative;
+.van-nav-bar__content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 4rem;
+  background-color: #2c66a9;
+  color: #fff;
+  letter-spacing: 1.5px;
+  position: relative;
 
-		.page-icon {
-			display: flex;
-			align-items: center;
-			position: absolute;
-			left: 0;
-		}
+  .page-icon {
+    display: flex;
+    align-items: center;
+    position: absolute;
+    left: 0;
+  }
 
-		.page-navbar {
-			font-size: 1.1rem;
-		}
-	}
+  .page-navbar {
+    font-size: 1.1rem;
+  }
+}
 
-	.content {
-		width: 689rpx;
-		height: 100%;
-		padding: 20rpx 30rpx;
-		background-color: #f4f3f8;
+.content {
+  width: 689rpx;
+  height: 100%;
+  padding: 20rpx 30rpx;
+  background-color: #f4f3f8;
 
-		.business {
-			background-color: #fff;
-			height: 250rpx;
-			padding: 0 60rpx;
-			border-radius: 20rpx;
+  .business {
+    background-color: #fff;
+    height: 250rpx;
+    padding: 0 60rpx;
+    border-radius: 20rpx;
 
+    .business-top {
+      height: 55%;
+      width: 100%;
+      border-bottom: 1rpx solid #f2f2f2;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
 
+    .business-bottom {
+      position: relative;
+      height: 45%;
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
 
+      .tag {
+        width: 70rpx;
+        position: absolute;
+        top: 0;
+        left: -60rpx;
+        color: #f27025;
+        background-color: #fed3b8;
+        font-size: 24rpx;
+        border-radius: 0 20rpx 20rpx 0;
+      }
+    }
+  }
 
-			.business-top {
-				height: 55%;
-				width: 100%;
-				border-bottom: 1rpx solid #f2f2f2;
-				display: flex;
-				align-items: center;
-				justify-content: space-between;
-			}
+  .driving {
+    background-color: #fff;
+    margin-top: 30rpx;
+    padding: 20rpx;
+    display: flex;
+    // border-bottom: 1rpx solid #f4f4f4;
 
-			.business-bottom {
-				position: relative;
-				height: 45%;
-				width: 100%;
-				display: flex;
-				align-items: center;
-				justify-content: space-between;
+    .driving-content {
+      width: 50%;
 
-				.tag {
-					width: 70rpx;
-					position: absolute;
-					top: 0;
-					left: -60rpx;
-					color: #f27025;
-					background-color: #fed3b8;
-					font-size: 24rpx;
-					border-radius: 0 20rpx 20rpx 0;
-				}
-			}
-		}
+      .driving-item {
+        width: 100%;
+        margin: 20rpx 0 20rpx 20rpx;
+        display: flex;
+        flex-direction: column;
+      }
+    }
 
-		.driving {
-			background-color: #fff;
-			margin-top: 30rpx;
-			padding: 20rpx;
-			display: flex;
-			// border-bottom: 1rpx solid #f4f4f4;
+    .driving-print {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
 
-			.driving-content {
-				width: 50%;
+  .drivingList {
+    margin-bottom: 20rpx;
+    .item {
+      height: 120rpx;
+      background-color: #fff;
+      border-top: 1rpx solid #f4f4f4;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+  }
+}
 
-				.driving-item {
-					width: 100%;
-					margin: 20rpx 0 20rpx 20rpx;
-					display: flex;
-					flex-direction: column;
-				}
-			}
-
-			.driving-print {
-				display: flex;
-				align-items: center;
-				justify-content: center;
-			}
-		}
-
-		.drivingList {
-			margin-bottom: 20rpx;
-			.item {
-				height: 120rpx;
-				background-color: #fff;
-				border-top: 1rpx solid #f4f4f4;
-				display: flex;
-				align-items: center;
-				justify-content: space-between;
-			}
-		}
-	}
-
-	.image {
-		width: 50rpx;
-		height: 50rpx;
-	}
-	.warning{
-		display: inline-block;
-		margin-top: 20rpx;
-		font-size: 25rpx;
-		color: #929196;
-		width: 100%;
-		text-align: center;
-	}
+.image {
+  width: 50rpx;
+  height: 50rpx;
+}
+.warning {
+  display: inline-block;
+  margin-top: 20rpx;
+  font-size: 25rpx;
+  color: #929196;
+  width: 100%;
+  text-align: center;
+}
 </style>
\ No newline at end of file
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 73f1489..35c4dad 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,6 +1,6 @@
 <template>
-  <view class="content">
-    <view class="top">
+  <view class="content" :style="{ backgroundPositionY: -44 + safeAreaInsets.top + 'px' }">
+    <view class="top" :style="{ paddingTop: safeAreaInsets.top + 'px' }">
       <uni-search-bar class="search" bgColor="#EEEEEE" radius="100" placeholder="搜索" clearButton="none" cancelButton="none" @confirm="search" />
       <uni-icons type="email-filled" size="30" color="#fff"></uni-icons>
     </view>
@@ -85,6 +85,7 @@
 
 <script setup>
 import { ref } from 'vue';
+const { safeAreaInsets } = uni.getSystemInfoSync();
 const businessList = ref([
   {
     img: '../../static/rili.png',
diff --git a/pages/my/components/install/index.vue b/pages/my/components/install/index.vue
index 08e0356..d85e559 100644
--- a/pages/my/components/install/index.vue
+++ b/pages/my/components/install/index.vue
@@ -1,7 +1,7 @@
 <template>
-  <view style="background-color: #f5f9fa; height: 100vh">
+  <view style="background-color: #2c66a9; height: 5vh" :style="{ backgroundPositionY: -44 + safeAreaInsets.top + 'px' }">
     <!-- 导航栏 -->
-    <view class="van-nav-bar">
+    <view :style="{ paddingTop: safeAreaInsets.top + 'px' }" class="van-nav-bar">
       <view class="van-nav-bar__content">
         <view class="page-icon" @click="gotoBack">
           <uni-icons color="#fff" type="back" size="26"></uni-icons>
@@ -28,6 +28,7 @@
 
 <script setup>
 import { ref } from 'vue';
+const { safeAreaInsets } = uni.getSystemInfoSync();
 const serve = ref([
   {
     text: '登录密码修改',
@@ -103,10 +104,12 @@ const gotoBack = () => {
   background-color: #fff;
   letter-spacing: 1.5px;
   font-weight: 700;
+
   .userlist-box {
     display: flex;
     align-items: center;
     justify-content: space-between;
+    background-color: #fff;
     .userlist-box-text {
       display: flex;
       align-items: center;
@@ -126,6 +129,8 @@ const gotoBack = () => {
   text-align: center;
 }
 .active {
+  padding: 0.8rem 0rem;
   margin: 0.8rem 0rem;
+  background-color: #f5f9fa;
 }
 </style>
diff --git a/unpackage/dist/cache/.vite/deps/_metadata.json b/unpackage/dist/cache/.vite/deps/_metadata.json
index 13e7ac4..7c16ed3 100644
--- a/unpackage/dist/cache/.vite/deps/_metadata.json
+++ b/unpackage/dist/cache/.vite/deps/_metadata.json
@@ -2,7 +2,14 @@
   "hash": "f0e888ba",
   "configHash": "046e9b57",
   "lockfileHash": "fa978dd2",
-  "browserHash": "ef20b50a",
-  "optimized": {},
+  "browserHash": "f56c9596",
+  "optimized": {
+    "echarts": {
+      "src": "../../../../../node_modules/echarts/index.js",
+      "file": "echarts.js",
+      "fileHash": "3a5ca97e",
+      "needsInterop": false
+    }
+  },
   "chunks": {}
 }
\ No newline at end of file