代码上传

.hbuilderx/launch.json

@@ -0,0 +1,9 @@
+{
+    "version" : "1.0",
+    "configurations" : [
+        {
+            "playground" : "standard",
+            "type" : "uni-app:app-android"
+        }
+    ]
+}

pages/index/components/drivingLicence.vue

@@ -13,7 +13,7 @@
 			<view class="business">
 				<view class="business-top">
 					<view style="display: flex; align-items: center">
-            <image src="../../../static/认领.png" class="image"></image>
+						<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">
@@ -40,7 +40,18 @@
 						</view>
 					</view>
 				</view>
-        <view class="driving-print"> </view>
+				<view class="driving-print">
+					<image :src="imageShow()" style="width: 400rpx; height: 48%;"></image>
+					<view class="text">
+						累计积分
+					</view>
+					<view class="grade">
+						<text style="color: #84b520; font-size: 100rpx;">{{grade}}</text>分
+					</view>
+					<view class="describe">
+						正常
+					</view>
+				</view>
 			</view>
 			<view class="drivingList">
 				<view class="item">
@@ -78,15 +89,18 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from "vue";
+	import {
-import * as echarts from "echarts";
+		ref,
-const gotoBack = () => {
+		onMounted
+	} from "vue";
+	import * as echarts from "echarts";
+	const gotoBack = () => {
 		uni.navigateBack({
 			delta: 1,
 		});
-};
+	};
-const drivingData = [
+	const grade = ref(1)
-  {
+	const drivingData = [{
 			title: "驾驶证号",
 			content: "2302**********1229",
 		},
@@ -114,14 +128,34 @@ const drivingData = [
 			title: "数据更新时间",
 			content: "2023-08-30",
 		},
-];
+	];
 
-// 在组件挂载后初始化ECharts实例并设置选项
+	const imageMap = {
-onMounted(() => {});
+		0: '../../../static/xp.png',
+		1: '../../../static/xl.png',
+		2: '../../../static/x5.png',
+		3: '../../../static/Rl.png',
+		4: '../../../static/Rh1.png',
+		5: '../../../static/Rh.png',
+		6: '../../../static/Rh.png',
+		7: '../../../static/wN.png',
+		8: '../../../static/wj1.png',
+		9: '../../../static/wF.png',
+		10: '../../../static/F-1.png',
+		11: '../../../static/1e.png',
+		12 : '../../../static/l-1.png',
+	};
+	const imageShow = () => {
+		const url = imageMap[grade.value] || ''; // 使用 || 运算符提供默认值
+		return url;
+	};
+
+	// 在组件挂载后初始化ECharts实例并设置选项
+	onMounted(() => {});
 </script>
 
 <style lang="scss">
-.van-nav-bar__content {
+	.van-nav-bar__content {
 		display: flex;
 		align-items: center;
 		justify-content: center;
@@ -141,11 +175,10 @@ onMounted(() => {});
 		.page-navbar {
 			font-size: 1.1rem;
 		}
-}
+	}
 
-.content {
+	.content {
 		width: 689rpx;
-  height: 100%;
 		padding: 20rpx 30rpx;
 		background-color: #f4f3f8;
 
@@ -207,6 +240,22 @@ onMounted(() => {});
 				display: flex;
 				align-items: center;
 				justify-content: center;
+				position: relative;
+
+				.text {
+					position: absolute;
+					top: 43%;
+				}
+
+				.grade {
+					position: absolute;
+					top: 50%;
+				}
+
+				.describe {
+					position: absolute;
+					top: 70%;
+				}
 			}
 		}
 
@@ -222,19 +271,19 @@ onMounted(() => {});
 				justify-content: space-between;
 			}
 		}
-}
+	}
 
-.image {
+	.image {
 		width: 50rpx;
 		height: 50rpx;
-}
+	}
 
-.warning {
+	.warning {
 		display: inline-block;
 		margin-top: 20rpx;
 		font-size: 25rpx;
 		color: #929196;
 		width: 100%;
 		text-align: center;
-}
+	}
 </style>

pages/index/index.vue

@@ -2,12 +2,12 @@
   <view class="content">
     <view class="top">
       <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>
+      <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 class="image" src="../../static/car.png" />
+          <image style="width: 50rpx; height: 40rpx;" src="../../static/c5.png" />
           <text style="margin-left: 30rpx">机动车</text>
         </view>
         <view class="card-content-bottom">
@@ -16,7 +16,7 @@
       </view>
       <view class="card-content" @click="drivingLicence">
         <view class="card-content-top">
-          <image class="image" src="../../static/jiashizheng.png" />
+          <image  style="width: 50rpx; height: 50rpx;" src="../../static/jiashizheng.png" />
           <text style="margin-left: 30rpx">驾驶证</text>
         </view>
         <view class="card-content-bottom">
@@ -27,7 +27,7 @@
     <view class="business">
       <view v-for="(item, index) in businessList" :key="index" class="grid-item">
         <view class="business-content" @click="closedclick(item.id)">
-          <image class="image" style="margin-bottom: 20rpx" :src="item.img" />
+          <image  style="width: 70rpx; height: 70rpx; margin-bottom: 20rpx":src="item.img" />
           <text style="font-size: 12px">{{ item.text }}</text>
         </view>
       </view>
@@ -66,7 +66,7 @@
         <view class="bottom-center">
           <view class="center-content">
             <view class="icon">
-              <uni-icons type="undo" size="20" color="#8ca9cd"></uni-icons>
+							<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>
@@ -87,52 +87,52 @@
 import { ref } from 'vue';
 const businessList = ref([
   {
-    img: '../../static/rili.png',
+    img: '../../static/aw1.png',
     text: '考试预约\n\n',
     id: '1'
   },
   {
-    img: '../../static/xinche.png',
+    img: '../../static/av.png',
     text: '新车选号\n\n',
     id: '2'
   },
   {
-    img: '../../static/beian.png',
+    img: '../../static/as.png',
     text: '备案非本\n人机动车',
     id: '3'
   },
   {
-    img: '../../static/xinche.png',
+    img: '../../static/ZG.png',
     text: '申请新车\n临时号牌',
     id: '4'
   },
   {
-    img: '../../static/renling.png',
+    img: '../../static/q1.png',
     text: '业务委托\n申请',
     id: '5'
   },
   {
-    img: '../../static/laoren.png',
+    img: '../../static/61.png',
     text: '老年人业\n务代办',
     id: '6'
   },
   {
-    img: '../../static/gongbu.png',
+    img: '../../static/4P1.png',
     text: '号牌号段\n公布',
     id: '7'
   },
   {
-    img: '../../static/kaoshi.png',
+    img: '../../static/6x1.png',
     text: '考试信息\n公布',
     id: '8'
   },
   {
-    img: '../../static/nuoche.png',
+    img: '../../static/a01.png',
     text: '一键挪车\n\n',
     id: '9'
   },
   {
-    img: '../../static/gengduo.png',
+    img: '../../static/KG.png',
     text: '更多\n\n',
     id: '10'
   }
@@ -316,7 +316,7 @@ const closedclick = (id) => {
 
         .icon {
           width: 30%;
-          height: 100%;
+          height: 80%;
           display: flex;
           align-items: center;
           justify-content: center;
@@ -333,9 +333,4 @@ const closedclick = (id) => {
     }
   }
 }
-
-.image {
-  width: 50rpx;
-  height: 50rpx;
-}
 </style>

unpackage/dist/cache/.vite/deps/_metadata.json

@@ -1,8 +1,15 @@
 {
-  "hash": "f0e888ba",
+  "hash": "4a204181",
-  "configHash": "046e9b57",
+  "configHash": "eb966fb1",
   "lockfileHash": "fa978dd2",
-  "browserHash": "ef20b50a",
+  "browserHash": "65cd6fd1",
-  "optimized": {},
+  "optimized": {
+    "echarts": {
+      "src": "../../../../../node_modules/echarts/index.js",
+      "file": "echarts.js",
+      "fileHash": "47eb0dc6",
+      "needsInterop": false
+    }
+  },
   "chunks": {}
 }