diff --git a/pages/index/components/drivingLicence.vue b/pages/index/components/drivingLicence.vue
index cf1e1cd..54fe064 100644
--- a/pages/index/components/drivingLicence.vue
+++ b/pages/index/components/drivingLicence.vue
@@ -16,7 +16,7 @@
       <view class="business">
         <view class="business-top">
           <view style="display: flex; align-items: center">
-            <image src="../../../static/renling.png" class="image"></image>
+            <image src="../../../static/8L.png" class="image"></image>
             <text style="margin-left: 30rpx; font-weight: 500; font-size: 32rpx">代办驾驶证业务</text>
           </view>
           <view style="font-size: 24rpx; color: #858585">
@@ -97,7 +97,7 @@ const gotoBack = () => {
     delta: 1,
   });
 };
-const grade = ref(1);
+const grade = ref(0);
 const drivingData = [
   {
     title: "驾驶证号",
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 60771a2..1c32ff6 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,337 +1,365 @@
 <template>
-  <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" />
-      <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">机动车</text>
-        </view>
-        <view class="card-content-bottom">
-          <text style="font-size: 26rpx">未查询到备案的机动车</text>
-        </view>
-      </view>
-      <view class="card-content" @click="drivingLicence">
-        <view class="card-content-top">
-          <image  style="width: 50rpx; height: 50rpx;" src="../../static/jiashizheng.png" />
-          <text style="margin-left: 30rpx">驾驶证</text>
-        </view>
-        <view class="card-content-bottom">
-          <text style="font-size: 26rpx">未查询到备案的驾驶证</text>
-        </view>
-      </view>
-    </view>
-    <view class="business">
-      <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">{{ 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" 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="../../static/index-bgd.png" style="width: 200rpx; height: 200rpx; margin-left: 20rpx"></image>
-                <view class="swiper-text">
-                  <text>{{ '测试数据' }}</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">
+	<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" />
+			<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">
+			<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">{{ 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="../../static/index-bgd.png" style="width: 200rpx; height: 200rpx; margin-left: 20rpx">
+								</image>
+								<view class="swiper-text">
+									<text>{{ '测试数据' }}</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>
-  </view>
+						</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>
+	</view>
 </template>
 
 <script setup>
-import { ref } from 'vue';
-const { safeAreaInsets } = uni.getSystemInfoSync();
-const businessList = ref([
-  {
-    img: '../../static/aw1.png',
-    text: '考试预约\n\n',
-    id: '1'
-  },
-  {
-    img: '../../static/av.png',
-    text: '新车选号\n\n',
-    id: '2'
-  },
-  {
-    img: '../../static/as.png',
-    text: '备案非本\n人机动车',
-    id: '3'
-  },
-  {
-    img: '../../static/ZG.png',
-    text: '申请新车\n临时号牌',
-    id: '4'
-  },
-  {
-    img: '../../static/q1.png',
-    text: '业务委托\n申请',
-    id: '5'
-  },
-  {
-    img: '../../static/61.png',
-    text: '老年人业\n务代办',
-    id: '6'
-  },
-  {
-    img: '../../static/4P1.png',
-    text: '号牌号段\n公布',
-    id: '7'
-  },
-  {
-    img: '../../static/6x1.png',
-    text: '考试信息\n公布',
-    id: '8'
-  },
-  {
-    img: '../../static/a01.png',
-    text: '一键挪车\n\n',
-    id: '9'
-  },
-  {
-    img: '../../static/KG.png',
-    text: '更多\n\n',
-    id: '10'
-  }
-]);
-const info = [
-  {
-    content: '内容 A'
-  },
-  {
-    content: '内容 B'
-  },
-  {
-    content: '内容 C'
-  }
-];
-const current = ref(0);
-const change = (e) => {
-  current.value = e.detail.current;
-};
-const drivingLicence = () => {
-  uni.navigateTo({
-    url: './components/drivingLicence'
-  });
-};
-const closedclick = (id) => {
-  if (id == 10) {
-    uni.navigateTo({
-      url: './components/businessCenter'
-    });
-  }
-};
+	import {
+		ref
+	} from 'vue';
+	const {
+		safeAreaInsets
+	} = uni.getSystemInfoSync();
+	const dotStyle = ref({
+
+	})
+	const businessList = ref([{
+			img: '../../static/6w1.png',
+			text: '事故视频\n快处',
+			id: '1'
+		},
+		{
+			img: '../../static/ax3.png',
+			text: '违法处理\n\n',
+			id: '2'
+		},
+		{
+			img: '../../static/q2.png',
+			text: '罚款缴纳\n\n',
+			id: '3'
+		},
+		{
+			img: '../../static/5i.png',
+			text: '驾驶证电\n子版',
+			id: '4'
+		},
+		{
+			img: '../../static/az.png',
+			text: '学法减分\n\n',
+			id: '5'
+		},
+		{
+			img: '../../static/zx1.png',
+			text: '免检车申领\n检验标志',
+			id: '6'
+		},
+		{
+			img: '../../static/621.png',
+			text: '驾驶证补\n领换',
+			id: '7'
+		},
+		{
+			img: '../../static/jf.png',
+			text: '机动车检\n验预约',
+			id: '8'
+		},
+		{
+			img: '../../static/pj.png',
+			text: '满分学习\n考试',
+			id: '9'
+		},
+		{
+			img: '../../static/KG.png',
+			text: '更多\n\n',
+			id: '10'
+		}
+	]);
+	const info = [{
+			content: '内容 A'
+		},
+		{
+			content: '内容 B'
+		},
+		{
+			content: '内容 C'
+		}
+	];
+	const current = ref(0);
+	const change = (e) => {
+		current.value = e.detail.current;
+	};
+	const drivingLicence = () => {
+		uni.navigateTo({
+			url: './components/drivingLicence'
+		});
+	};
+	const closedclick = (id) => {
+		if (id == 10) {
+			uni.navigateTo({
+				url: './components/businessCenter'
+			});
+		}
+	};
 </script>
 
 <style lang="scss">
-.content {
-  width: 710rpx;
-  background-image: url(@/static/index-bgd.png);
-  background-size: contain;
-  background-repeat: no-repeat;
-  border-radius: 0 0 40rpx 40rpx;
-  padding: 0 20rpx;
+	.content {
+		width: 710rpx;
+		background-image: url(@/static/index-bgd.png);
+		background-size: contain;
+		background-repeat: no-repeat;
+		border-radius: 0 0 40rpx 40rpx;
+		padding: 0 20rpx;
 
-  .top {
-    width: 100%;
-    height: 100rpx;
-    display: flex;
-    align-items: center;
-    padding: 10rpx 0;
+		.top {
+			width: 100%;
+			height: 100rpx;
+			display: flex;
+			align-items: center;
+			padding: 10rpx 0;
 
-    .search {
-      width: 84%;
-    }
-  }
+			.search {
+				width: 84%;
+			}
+		}
 
-  .card {
-    width: 100%;
-    height: 200rpx;
-    display: flex;
-    justify-content: space-between;
+		.card {
+			width: 100%;
+			height: 200rpx;
+			display: flex;
+			justify-content: space-between;
 
-    .card-content {
-      width: 39%;
-      height: 90%;
-      border: 1px solid #fffff8;
-      border-radius: 20rpx;
-      color: #fffff8;
-      padding: 0 30rpx;
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
+			.card-content {
+				width: 39%;
+				height: 90%;
+				border: 1px solid #fffff8;
+				border-radius: 20rpx;
+				color: #fffff8;
+				padding: 0 30rpx;
+				display: flex;
+				flex-direction: column;
 
-      .card-content-top {
-        height: 40%;
-        width: 100%;
-        display: flex;
-        align-items: center;
-      }
+				.card-content-top {
+					height: 40%;
+					width: 100%;
+					display: flex;
+					align-items: center;
+				}
 
-      .card-content-bottom {
-        height: 50%;
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-    }
-  }
+				.card-content-bottom {
+					height: 50%;
+					width: 100%;
+					display: flex;
+					flex-direction: column;
+					justify-content: space-around;
+				}
+			}
+		}
 
-  .business {
-    margin: 5% 0;
-    height: 350rpx;
-    width: 100%;
-    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;
+			width: 100%;
+			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 {
-      padding: 5%;
-      border-radius: 5px;
-    }
+			/* 列间隔 */
+			.grid-item {
+				border-radius: 5px;
+			}
 
-    .business-content {
-      width: 100%;
-      height: 100%;
-      padding: 4rpx;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      /* 新增样式 */
-      white-space: pre-wrap;
-      /* 或者使用 'normal' */
-      word-break: normal;
-      /* 或者使用 'break-word' */
-      text-align: center;
-      /* 文字居中对齐 */
-    }
-  }
+			.business-content {
+				width: 100%;
+				height: 100%;
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				align-items: center;
+				/* 新增样式 */
+				white-space: pre-wrap;
+				/* 或者使用 'normal' */
+				word-break: normal;
+				/* 或者使用 'break-word' */
+				text-align: center;
+				/* 文字居中对齐 */
+			}
+		}
 
-  .information {
-    width: 100%;
-    height: 350rpx;
-    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: 350rpx;
+			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: 30%;
-      border-bottom: 1px solid #f4f3f5;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-    }
+			.information-top {
+				width: 100%;
+				height: 30%;
+				border-bottom: 1px solid #f4f3f5;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+			}
 
-    .information-content {
-      width: 100%;
-      height: 70%;
-      display: flex;
-      margin-bottom: 20rpx;
+			.information-content {
+				width: 100%;
+				height: 70%;
+				display: flex;
+				margin-bottom: 20rpx;
 
-      .swiper-item {
-        display: flex;
-        padding: 20rpx 0;
-      }
+				.swiper-item {
+					display: flex;
+					padding: 20rpx 0;
+				}
 
-      .swiper-text {
-        width: 70%;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-      }
-    }
-  }
+				.swiper-text {
+					width: 60%;
+					margin-left: 20rpx;
+					display: flex;
+					flex-direction: column;
+					justify-content: space-between;
+				}
+			}
+		}
 
-  .bottom {
-    width: 100%;
-    height: 300rpx;
+		.bottom {
+			width: 100%;
+			height: 300rpx;
 
-    .bottom-top {
-      width: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
+			.bottom-top {
+				width: 100%;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+			}
 
-    .bottom-center {
-      width: 100%;
-      height: 80rpx;
-      display: flex;
-      justify-content: center;
+			.bottom-center {
+				width: 100%;
+				height: 80rpx;
+				display: flex;
+				justify-content: center;
 
-      .center-content {
-        width: 430rpx;
-        display: flex;
+				.center-content {
+					width: 430rpx;
+					display: flex;
 
-        .icon {
-          width: 30%;
-          height: 80%;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-        }
-      }
-    }
+					.icon {
+						width: 30%;
+						height: 80%;
+						display: flex;
+						align-items: center;
+						justify-content: center;
+					}
+				}
+			}
 
-    .bottom-bottom {
-      width: 100%;
-      margin-top: 30rpx;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-}
-</style>
+			.bottom-bottom {
+				width: 100%;
+				margin-top: 30rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/static/2P.png b/static/2P.png
new file mode 100644
index 0000000..6afc5fd
Binary files /dev/null and b/static/2P.png differ
diff --git a/static/5i.png b/static/5i.png
new file mode 100644
index 0000000..cb1fbf8
Binary files /dev/null and b/static/5i.png differ
diff --git a/static/621.png b/static/621.png
new file mode 100644
index 0000000..b7da49c
Binary files /dev/null and b/static/621.png differ
diff --git a/static/6w1.png b/static/6w1.png
new file mode 100644
index 0000000..5f02058
Binary files /dev/null and b/static/6w1.png differ
diff --git a/static/8L.png b/static/8L.png
new file mode 100644
index 0000000..b253782
Binary files /dev/null and b/static/8L.png differ
diff --git a/static/JF.png b/static/JF.png
new file mode 100644
index 0000000..a76967d
Binary files /dev/null and b/static/JF.png differ
diff --git a/static/ZV1.png b/static/ZV1.png
new file mode 100644
index 0000000..9952aa6
Binary files /dev/null and b/static/ZV1.png differ
diff --git a/static/ZX1.png b/static/ZX1.png
new file mode 100644
index 0000000..19026ee
Binary files /dev/null and b/static/ZX1.png differ
diff --git a/static/ax3.png b/static/ax3.png
new file mode 100644
index 0000000..c4ba64e
Binary files /dev/null and b/static/ax3.png differ
diff --git a/static/az.png b/static/az.png
new file mode 100644
index 0000000..d4cbd0a
Binary files /dev/null and b/static/az.png differ
diff --git a/static/pj.png b/static/pj.png
new file mode 100644
index 0000000..604db4b
Binary files /dev/null and b/static/pj.png differ
diff --git a/static/q2.png b/static/q2.png
new file mode 100644
index 0000000..f5b6eaf
Binary files /dev/null and b/static/q2.png differ