diff --git a/pages/index/index.vue b/pages/index/index.vue
index 0e39f30..25a2904 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,114 +1,114 @@
 <template>
-	<view class="content" :style="{ backgroundPositionY: -44 + safeAreaInsets.top + 'px' }">
-		<view class="top" :style="{ paddingTop: safeAreaInsets.top + 'px' }">
-			<view style="color: #fff;width: 120rpx;">哈尔滨</view>
-			<!-- <uni-search-bar class="search" bgColor="#EEEEEE" radius="100" placeholder="搜索" clearButton="none"
+  <view class="content" :style="{ backgroundPositionY: -44 + safeAreaInsets.top + 'px' }">
+    <view class="top" :style="{ paddingTop: safeAreaInsets.top + 'px' }">
+      <view style="color: #fff; width: 120rpx">哈尔滨</view>
+      <!-- <uni-search-bar class="search" bgColor="#EEEEEE" radius="100" placeholder="搜索" clearButton="none"
 				cancelButton="none" @confirm="search" /> -->
-				<up-search placeholder="搜索" bgColor="#EEEEEE" height="25" searchIconSize="18" :showAction="false"></up-search>
-			<image src="../../static/on.png" style="width: 80rpx; height: 60rpx"></image>
-		</view>
-		<view class="card">
-			<view class="card-content">
-				<view class="card-content-top">
-					<image style="width: 50rpx; height: 40rpx;" src="../../static/c5.png" />
-					<text style="margin-left: 30rpx">黑A00000</text>
-				</view>
-				<view class="card-content-bottom">
-					<view style="font-size: 26rpx; display: flex; justify-content: space-between; align-items: center;">
-						<text>未处理违法</text>
-						<view>
-							<text style="margin-right: 8rpx; font-size: 32rpx;">0</text>条
-						</view>
-					</view>
-					<view style="font-size: 26rpx; display: flex; justify-content: space-between; align-items: center;">
-						<text>车辆状态</text>
-						<text>正常</text>
-					</view>
-				</view>
-			</view>
-			<view class="card-content" @click="drivingLicence">
-				<view class="card-content-top" style="justify-content: space-between;">
-					<view style="display: flex; align-items: center;">
-						<image style="width: 50rpx; height: 50rpx;" src="../../static/jiashizheng.png" />
-						<text style="margin-left: 30rpx">驾驶证</text>
-					</view>
-					<image style="width: 10rpx; height: 20rpx;" src="../../static/zv1.png" />
-				</view>
-				<view class="card-content-bottom">
-					<view style="font-size: 26rpx; display: flex; justify-content: space-between; align-items: center;">
-						<text>累计积分</text>
-						<view>
-							<text style="margin-right: 8rpx; font-size: 32rpx;">0</text>分
-						</view>
-					</view>
-					<view style="font-size: 26rpx; display: flex; justify-content: space-between; align-items: center;">
-						<text>累计积分</text>
-						<text>正常</text>
-					</view>
-				</view>
-			</view>
-		</view>
-		<view class="business" style="padding: 10rpx 20rpx;">
-				<view v-for="(item, index) in businessList" :key="index" class="grid-item">
-								<view class="business-content" @click="closedclick(item.id)">
-									<image style="width: 70rpx; height: 70rpx; margin-bottom: 20rpx" :src="item.img" />
-									<text style="font-size: 12px;color: #696967;">{{ item.text }}</text>
-								</view>
-							</view>
-		</view>
-		<view class="information">
-			<view class="information-top">
-				<view style="margin-left: 20rpx">
-					<text style="font-weight: 600; font-size: 34rpx">资讯中心</text>
-					<text style="font-size: 24rpx; font-weight: 400; color: #9b9b9b; margin-left: 50rpx">最新实时地方交通资讯</text>
-				</view>
-				<uni-icons type="right" size="20" color="#acacac" style="margin-right: 20rpx"></uni-icons>
-			</view>
-			<view class="information-content">
-				<uni-swiper-dot :info="info" :current="current"
-					:dots-styles="{selectedBackgroundColor: '#2065b1',backgroundColor: '#e6e6e6'}" field="content" mode="default">
-					<swiper class="swiper-box" @change="change">
-						<swiper-item v-for="(item, index) in info" :key="index">
-							<view class="swiper-item" style="margin-right: 20rpx">
-								<image :src="item.Image" style="width: 200rpx; height: 170rpx; margin-left: 20rpx; border-radius: 10rpx;">
-								</image>
-								<view class="swiper-text">
-									<text>{{ item.content }}</text>
-									<view style="width: 100%; display: flex; justify-content: flex-end; color: #cecdd3; font-size: 28rpx">
-										{{ '2024-06-14' }}
-									</view>
-								</view>
-							</view>
-						</swiper-item>
-					</swiper>
-				</uni-swiper-dot>
-			</view>
-			<view class="bottom">
-				<view class="bottom-top">
-					<view style="border-bottom: 1rpx solid #adc1d8; width: 60rpx" />
-					<text style="color: #adc1d8; margin: 0 10rpx">\\\\</text>
-					<view style="border-bottom: 1px solid #adc1d8; width: 360rpx" />
-				</view>
-				<view class="bottom-center">
-					<view class="center-content">
-						<view class="icon">
-							<image src="../../static/dl.png" style="width: 30rpx; height: 30rpx"></image>
-						</view>
-						<view class="text">
-							<text
-								style="color: #8ca9cd; font-size: 24rpx; display: inline-block; text-align: center">未来会有更过服务,更好的体验现在快把我分享给帮你的好友吧</text>
-						</view>
-					</view>
-				</view>
-				<view class="bottom-bottom">
-					<view style="border-bottom: 1rpx solid #e5e5e8; width: 25%" />
-					<text style="color: #727272; margin: 0 10rpx; font-size: 24rpx">交管12123版本v3.1.1 B603</text>
-					<view style="border-bottom: 1px solid #e5e5e8; width: 25%" />
-				</view>
-			</view>
-		</view>
-		<image src="../../static/hp1.png" style="width: 100rpx; height: 100rpx" class="kefu"></image>
-	</view>
+      <up-search placeholder="搜索" bgColor="#EEEEEE" height="25" searchIconSize="18" :showAction="false"></up-search>
+      <image src="../../static/on.png" style="width: 80rpx; height: 60rpx"></image>
+    </view>
+    <view class="card">
+      <view class="card-content">
+        <view class="card-content-top">
+          <image style="width: 50rpx; height: 40rpx" src="../../static/c5.png" />
+          <text style="margin-left: 30rpx">黑A00000</text>
+        </view>
+        <view class="card-content-bottom">
+          <view style="font-size: 26rpx; display: flex; justify-content: space-between; align-items: center">
+            <text>未处理违法</text>
+            <view>
+              <text style="margin-right: 8rpx; font-size: 32rpx">0</text>
+              条
+            </view>
+          </view>
+          <view style="font-size: 26rpx; display: flex; justify-content: space-between; align-items: center">
+            <text>车辆状态</text>
+            <text>正常</text>
+          </view>
+        </view>
+      </view>
+      <view class="card-content" @click="drivingLicence">
+        <view class="card-content-top" style="justify-content: space-between">
+          <view style="display: flex; align-items: center">
+            <image style="width: 50rpx; height: 50rpx" src="../../static/jiashizheng.png" />
+            <text style="margin-left: 30rpx">驾驶证</text>
+          </view>
+          <image style="width: 10rpx; height: 20rpx" src="../../static/zv1.png" />
+        </view>
+        <view class="card-content-bottom">
+          <view style="font-size: 26rpx; display: flex; justify-content: space-between; align-items: center">
+            <text>累计积分</text>
+            <view>
+              <text style="margin-right: 8rpx; font-size: 32rpx">0</text>
+              分
+            </view>
+          </view>
+          <view style="font-size: 26rpx; display: flex; justify-content: space-between; align-items: center">
+            <text>累计积分</text>
+            <text>正常</text>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="business" style="padding: 10rpx 20rpx">
+      <view v-for="(item, index) in businessList" :key="index" class="grid-item">
+        <view class="business-content" @click="closedclick(item.id)">
+          <image style="width: 70rpx; height: 70rpx; margin-bottom: 20rpx" :src="item.img" />
+          <text style="font-size: 12px; color: #696967">{{ item.text }}</text>
+        </view>
+      </view>
+    </view>
+    <view class="information">
+      <view class="information-top">
+        <view style="margin-left: 20rpx">
+          <text style="font-weight: 600; font-size: 34rpx">资讯中心</text>
+          <text style="font-size: 24rpx; font-weight: 400; color: #9b9b9b; margin-left: 50rpx">最新实时地方交通资讯</text>
+        </view>
+        <uni-icons type="right" size="20" color="#acacac" style="margin-right: 20rpx"></uni-icons>
+      </view>
+      <view class="information-content">
+        <uni-swiper-dot :info="info" :current="current" :dots-styles="{ selectedBackgroundColor: '#2065b1', backgroundColor: '#e6e6e6' }" field="content" mode="default">
+          <swiper class="swiper-box" @change="change">
+            <swiper-item v-for="(item, index) in info" :key="index">
+              <view class="swiper-item" style="margin-right: 20rpx">
+                <image :src="item.Image" style="width: 200rpx; height: 170rpx; margin-left: 20rpx; border-radius: 10rpx"></image>
+                <view class="swiper-text">
+                  <text>{{ item.content }}</text>
+                  <view style="width: 100%; display: flex; justify-content: flex-end; color: #cecdd3; font-size: 28rpx">
+                    {{ '2024-06-14' }}
+                  </view>
+                </view>
+              </view>
+            </swiper-item>
+          </swiper>
+        </uni-swiper-dot>
+      </view>
+      <view class="bottom">
+        <view class="bottom-top">
+          <view style="border-bottom: 1rpx solid #adc1d8; width: 60rpx" />
+          <text style="color: #adc1d8; margin: 0 10rpx">\\\\</text>
+          <view style="border-bottom: 1px solid #adc1d8; width: 360rpx" />
+        </view>
+        <view class="bottom-center">
+          <view class="center-content">
+            <view class="icon">
+              <image src="../../static/dl.png" style="width: 30rpx; height: 30rpx"></image>
+            </view>
+            <view class="text">
+              <text style="color: #8ca9cd; font-size: 24rpx; display: inline-block; text-align: center">未来会有更过服务,更好的体验现在快把我分享给帮你的好友吧</text>
+            </view>
+          </view>
+        </view>
+        <view class="bottom-bottom">
+          <view style="border-bottom: 1rpx solid #e5e5e8; width: 25%" />
+          <text style="color: #727272; margin: 0 10rpx; font-size: 24rpx">交管12123版本v3.1.1 B603</text>
+          <view style="border-bottom: 1px solid #e5e5e8; width: 25%" />
+        </view>
+      </view>
+    </view>
+    <image src="../../static/hp1.png" style="width: 100rpx; height: 100rpx" class="kefu"></image>
+    <TabBar />
+  </view>
 </template>
 
 <script setup>
@@ -254,16 +254,16 @@ const closedclick = (id) => {
     }
   }
 
-		.business {
-			margin: 3% 0;
-			height: 380rpx;
-			
-			background-color: #fff;
-			border: 1px solid #ebeef0;
-			border-radius: 20rpx;
-			box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.1);
-			display: grid;
-			grid-template-columns: repeat(5, 1fr);
+  .business {
+    margin: 3% 0;
+    height: 380rpx;
+
+    background-color: #fff;
+    border: 1px solid #ebeef0;
+    border-radius: 20rpx;
+    box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.1);
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
 
     /* 列间隔 */
     .grid-item {
@@ -287,28 +287,28 @@ const closedclick = (id) => {
     }
   }
 
-		.information {
-			width: 100%;
-			height: 300rpx;
-			background-color: #fff;
-			border: 1px solid #ebebeb;
-			border-radius: 20rpx;
-			box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.1);
+  .information {
+    width: 100%;
+    height: 300rpx;
+    background-color: #fff;
+    border: 1px solid #ebebeb;
+    border-radius: 20rpx;
+    box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.1);
 
-			.information-top {
-				width: 100%;
-				height: 25%;
-				border-bottom: 1px solid #f4f3f5;
-				display: flex;
-				align-items: center;
-				justify-content: space-between;
-			}
+    .information-top {
+      width: 100%;
+      height: 25%;
+      border-bottom: 1px solid #f4f3f5;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
 
-			.information-content {
-				width: 100%;
-				height: 65%;
-				display: flex;
-				margin-bottom: 50rpx;
+    .information-content {
+      width: 100%;
+      height: 65%;
+      display: flex;
+      margin-bottom: 50rpx;
 
       .swiper-item {
         display: flex;