Browse Source

feat(ui): 更新用户界面图标和布局

- 将出生日期图标从特殊字符更改为📅
- 在个人页面中将VIP文本更改为👑图标
- 重新排列快捷操作按钮并更新相关图标
- 调整设置页面XML格式以提高可读性
- 修复Maven POM文件中的XML格式错误
- 更新VIP徽章样式以改善视觉效果
- 添加实名认证和学历认证页面跳转功能
李思佳 3 weeks ago
parent
commit
0622ae54ee

+ 1 - 1
LiangZhiYUMao/pages/matchmaker-workbench/edit-profile.vue

@@ -51,7 +51,7 @@
         <!-- 出生日期 -->
         <view class="form-item">
           <view class="form-label">
-            <text class="label-icon"></text>
+            <text class="label-icon">📅</text>
             <text class="label-text">出生日期</text>
           </view>
           <picker class="form-picker" mode="date" :value="userInfo.birth_date" @change="handleBirthChange">

+ 83 - 43
LiangZhiYUMao/pages/mine/index.vue

@@ -9,7 +9,7 @@
             <text class="nickname">{{ userInfo.nickname }}</text>
             <!-- VIP标志 -->
             <view class="vip-badge" v-if="userInfo.isVip">
-              <text class="vip-badge-text">VIP</text>
+              <text class="vip-badge-text">👑</text>
             </view>
             <view class="verify-badge" @click="goVerify" v-if="!userInfo.isVerified">
               <text class="verify-text">未实名,立即认证</text>
@@ -61,17 +61,21 @@
 
     <!-- 快捷入口 -->
     <view class="quick-actions">
-      <view class="action-item" @click="showCheckinPopup">
-        <view class="action-icon calendar-icon">📅</view>
-        <text class="action-label">签到</text>
+      <view class="action-item" @click="goToPage('basicInfo')">
+        <view class="action-icon calendar-icon">🆔</view>
+        <text class="action-label">基本资料</text>
       </view>
-      <view class="action-item" @click="goToPage('myDynamics')">
-        <view class="action-icon heart-icon">📝</view>
-        <text class="action-label">我的动态</text>
+      <view class="action-item" @click="goToPage('partnerRequirement')">
+        <view class="action-icon heart-icon">💜</view>
+        <text class="action-label">对象要求</text>
       </view>
-      <view class="action-item" @click="goToPage('myActivity')">
-        <view class="action-icon phone-icon">📷</view>
-        <text class="action-label">我的活动</text>
+      <view class="action-item" @click="goToPage('verifyRealName')">
+        <view class="action-icon phone-icon">🪪</view>
+        <text class="action-label">实名认证</text>
+      </view>
+      <view class="action-item" @click="goToPage('verifyEducation')">
+        <view class="action-icon phone-icon">🎓</view>
+        <text class="action-label">学历认证</text>
       </view>
     </view>
 
@@ -154,31 +158,39 @@
 
     <!-- 功能菜单列表 -->
     <view class="menu-list">
-
-      <view class="menu-item" @click="goToPage('basicInfo')">
-        <view class="menu-left">
-          <text class="menu-icon">🆔</text>
-          <text class="menu-text">基本资料</text>
-        </view>
-        <text class="menu-arrow">›</text>
-      </view>
-
-      <view class="menu-item" @click="goToPage('partnerRequirement')">
-        <view class="menu-left">
-          <text class="menu-icon">💜</text>
-          <text class="menu-text">对象要求</text>
-        </view>
-        <text class="menu-arrow">›</text>
-      </view>
-
-      <view class="menu-item" @click="goToPage('partTimeMatchmaker')">
-        <view class="menu-left">
-          <text class="menu-icon">💎</text>
-          <text class="menu-text">兼职红娘</text>
-        </view>
-        <text class="menu-arrow">›</text>
-      </view>
-
+		
+		<view class="menu-item" @click="showCheckinPopup">
+		  <view class="menu-left">
+		    <text class="menu-icon">📅</text>
+		    <text class="menu-text">签到</text>
+		  </view>
+		  <text class="menu-arrow">›</text>
+		</view>
+		
+		<view class="menu-item" @click="goToPage('myDynamics')">
+		  <view class="menu-left">
+		    <text class="menu-icon">📝</text>
+		    <text class="menu-text">我的动态</text>
+		  </view>
+		  <text class="menu-arrow">›</text>
+		</view>
+		
+		<view class="menu-item" @click="goToPage('myActivity')">
+		  <view class="menu-left">
+		    <text class="menu-icon">📷</text>
+		    <text class="menu-text">我的活动</text>
+		  </view>
+		  <text class="menu-arrow">›</text>
+		</view>
+		
+		<view class="menu-item" @click="goToPage('partTimeMatchmaker')">
+		  <view class="menu-left">
+		    <text class="menu-icon">💎</text>
+		    <text class="menu-text">兼职红娘</text>
+		  </view>
+		  <text class="menu-arrow">›</text>
+		</view>
+		
       <view class="menu-item" @click="goToPage('feedback')">
         <view class="menu-left">
           <text class="menu-icon">💬</text>
@@ -872,6 +884,38 @@ export default {
               })
             }
           })
+        } else if (page === 'verifyRealName') {
+          console.log('✅ 跳转到实名认证页面')
+          // 跳转到实名认证页面
+          uni.navigateTo({
+            url: '/pages/settings/id-verification',
+            success: () => {
+              console.log('✅ 实名认证页面跳转成功')
+            },
+            fail: (err) => {
+              console.error('❌ 实名认证页面跳转失败:', err)
+              uni.showToast({
+                title: '页面跳转失败',
+                icon: 'none'
+              })
+            }
+          })
+        } else if (page === 'verifyEducation') {
+          console.log('✅ 跳转到学历认证页面')
+          // 跳转到实名认证页面
+          uni.navigateTo({
+            url: '/pages/settings/id-verification',
+            success: () => {
+              console.log('✅ 学历认证页面跳转成功')
+            },
+            fail: (err) => {
+              console.error('❌ 学历认证页面跳转失败:', err)
+              uni.showToast({
+                title: '页面跳转失败',
+                icon: 'none'
+              })
+            }
+          })
         } else if (page === 'partTimeMatchmaker') {
           console.log('✅ 跳转到兼职红娘页面')
           // 跳转到兼职红娘页面
@@ -1325,17 +1369,13 @@ export default {
 
         /* VIP标志样式 */
         .vip-badge {
-          background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
-          padding: 6rpx 16rpx;
-          border-radius: 6rpx;
           margin-right: 12rpx;
-          box-shadow: 0 2rpx 8rpx rgba(255, 215, 0, 0.3);
+          display: flex;
+          align-items: center;
 
           .vip-badge-text {
-            font-size: 20rpx;
-            color: #FFFFFF;
-            font-weight: 700;
-            letter-spacing: 1rpx;
+            font-size: 48rpx;
+            display: inline-block;
           }
         }
 

+ 1 - 1
LiangZhiYUMao/pages/settings/index.vue

@@ -14,7 +14,7 @@
 	      scroll-y 
 	      class="content"
 	      scroll-with-animation  <!-- 滚动动画(可选) -->
-	    >
+	    
 	      <!-- 设置列表 -->
 	      <view class="settings-list">
 	        <view class="setting-item" @click="goToPage('bindPhone')">

+ 1 - 1
service/homePage/pom.xml

@@ -1,4 +1,4 @@
-2<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
          xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
     <modelVersion>4.0.0</modelVersion>
     <parent>