pages/index/components/drivingLicence.vue

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

pages/my/components/install/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<view :style="{ backgroundPositionY: -44 + safeAreaInsets.top + 'px' }">
+  <view style="background-color: #2c66a9; height: 5vh" :style="{ backgroundPositionY: -44 + safeAreaInsets.top + 'px' }">
     <!-- 导航栏 -->
     <view :style="{ paddingTop: safeAreaInsets.top + 'px' }" class="van-nav-bar">
       <view class="van-nav-bar__content">
@@ -11,18 +11,13 @@
       </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"
+            <image :src="item.icon" :style="{ width: item.id == 0 ? '1.25rem' : '1.45rem', height: '1.45rem', transform: 'translateY(0.2rem)' }"></image>
-								:style="{ width: item.id == 0 ? '1.25rem' : '1.45rem', height: '1.45rem', transform: 'translateY(0.2rem)' }">
-							</image>
           </view>
-						<view class="userlist-box-text"
+          <view class="userlist-box-text" :style="{ 'border-bottom': item.id == 5 || item.id == 4 ? 'node' : '1rpx solid #eee' }">
-							: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>
@@ -31,17 +26,13 @@
     </view>
     <view class="buttom">退出登录</view>
   </view>
-	</view>
 </template>
 
 <script setup>
-	import {
+import { ref } from 'vue';
-		ref
+const { safeAreaInsets } = uni.getSystemInfoSync();
-	} from 'vue';
+const serve = ref([
-	const {
+  {
-		safeAreaInsets
-	} = uni.getSystemInfoSync();
-	const serve = ref([{
     text: '登录密码修改',
     icon: '../../../../static/wodeshezhi/1.png',
     id: 0
@@ -83,47 +74,44 @@
     icon: '../../../../static/wodeshezhi/8.png',
     id: 7
   }
-	]);
+]);
-	const gotoBack = () => {
+const gotoBack = () => {
   uni.navigateBack({
     delta: 1
   });
-	};
+};
 </script>
 
 <style lang="scss" scoped>
-	.van-nav-bar__content {
+.van-nav-bar__content {
   display: flex;
   align-items: center;
   justify-content: center;
-		height: 3rem;
+  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-navbar {
     font-size: 1.1rem;
   }
-	}
+}
-
+.userlist {
-	.userlist {
+  background-color: #fff;
   letter-spacing: 1.5px;
-		font-weight: 600;
+  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;
@@ -132,9 +120,8 @@
       padding: 1rem 0;
     }
   }
-	}
+}
-
+.buttom {
-	.buttom {
   width: 90%;
   margin: 2rem auto 0rem;
   padding: 0.7rem 0rem;
@@ -142,11 +129,10 @@
   color: #fff;
   border-radius: 0.5rem;
   text-align: center;
-	}
+}
-
+.active {
-	.active {
+  padding: 0.8rem 0rem;
-		padding: 0.2rem 0rem;
   margin: 0.8rem 0rem;
   background-color: #f5f9fa;
-	}
+}
 </style>

pages/my/index.vue

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