代码上传

pages/index/components/drivingLicence.vue

@@ -165,7 +165,7 @@ onMounted(() => {
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 4rem;
+  height: 3rem;
   background-color: #2c66a9;
   color: #fff;
   letter-spacing: 1.5px;

pages/my/components/install/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view style="background-color: #2c66a9; height: 5vh" :style="{ backgroundPositionY: -44 + safeAreaInsets.top + 'px' }">
+	<view :style="{ backgroundPositionY: -44 + safeAreaInsets.top + 'px' }">
 		<!-- 导航栏 -->
 		<view :style="{ paddingTop: safeAreaInsets.top + 'px' }" class="van-nav-bar">
 			<view class="van-nav-bar__content">
@@ -11,13 +11,18 @@
 			</view>
 		</view>
 		<!-- 功能页 -->
+		<view style="background-color: #f5f9fa; height: 94vh;">
+			<view style="height: 20rpx;" />
 			<view v-for="item in serve" :key="item.id" class="userlist">
 				<view :class="{ active: item.id === 5 }">
 					<view class="userlist-box">
 						<view style="margin: 0 0.8rem">
-            <image :src="item.icon" :style="{ width: item.id == 0 ? '1.25rem' : '1.45rem', height: '1.45rem', transform: 'translateY(0.2rem)' }"></image>
+							<image :src="item.icon"
+								:style="{ width: item.id == 0 ? '1.25rem' : '1.45rem', height: '1.45rem', transform: 'translateY(0.2rem)' }">
+							</image>
 						</view>
-          <view class="userlist-box-text" :style="{ 'border-bottom': item.id == 5 || item.id == 4 ? 'node' : '1rpx solid #eee' }">
+						<view class="userlist-box-text"
+							:style="{ 'border-bottom': item.id == 5 || item.id == 4 ? 'node' : '1rpx solid #eee' }">
 							<view :style="{ transform: item.id == 0 ? 'translateX(0.2rem)' : '' }">{{ item.text }}</view>
 							<view style="margin-right: 0.7rem"><uni-icons color="#c1c1c3" type="forward" size="18"></uni-icons></view>
 						</view>
@@ -26,13 +31,17 @@
 			</view>
 			<view class="buttom">退出登录</view>
 		</view>
+	</view>
 </template>
 
 <script setup>
-import { ref } from 'vue';
-const { safeAreaInsets } = uni.getSystemInfoSync();
-const serve = ref([
-  {
+	import {
+		ref
+	} from 'vue';
+	const {
+		safeAreaInsets
+	} = uni.getSystemInfoSync();
+	const serve = ref([{
 			text: '登录密码修改',
 			icon: '../../../../static/wodeshezhi/1.png',
 			id: 0
@@ -87,31 +96,34 @@ const gotoBack = () => {
 		display: flex;
 		align-items: center;
 		justify-content: center;
-  height: 4rem;
+		height: 3rem;
 		background-color: #2c66a9;
 		color: #fff;
 		letter-spacing: 1.5px;
 		position: relative;
+
 		.page-icon {
 			display: flex;
 			align-items: center;
 			position: absolute;
 			left: 0;
 		}
+
 		.page-navbar {
 			font-size: 1.1rem;
 		}
 	}
+
 	.userlist {
-  background-color: #fff;
 		letter-spacing: 1.5px;
-  font-weight: 700;
+		font-weight: 600;
 
 		.userlist-box {
 			display: flex;
 			align-items: center;
 			justify-content: space-between;
 			background-color: #fff;
+
 			.userlist-box-text {
 				display: flex;
 				align-items: center;
@@ -121,6 +133,7 @@ const gotoBack = () => {
 			}
 		}
 	}
+
 	.buttom {
 		width: 90%;
 		margin: 2rem auto 0rem;
@@ -130,8 +143,9 @@ const gotoBack = () => {
 		border-radius: 0.5rem;
 		text-align: center;
 	}
+
 	.active {
-  padding: 0.8rem 0rem;
+		padding: 0.2rem 0rem;
 		margin: 0.8rem 0rem;
 		background-color: #f5f9fa;
 	}

pages/my/index.vue

@@ -124,7 +124,9 @@ const set = () => {
   align-items: center;
   justify-content: space-between;
   padding: 1rem 0.8rem 1rem 1rem;
-  background-color: #2c66a9;
+  background-image: url(@/static/wode/f9.png);
+	background-size: contain;
+	background-repeat: no-repeat;
   color: #fff;
   letter-spacing: 1.5px; /* 设置字符间距为2像素 */
   .user-icon {