style(mine): 调整个人中心页面样式和布局

- 修改个人信息区域的内边距
- 更新背景高度以适应新设计
- 移除职位信息显示
- 为信息值添加空状态样式

assets/css/mine/index.scss

@@ -5,7 +5,7 @@
 
 
   .profile-hero {
   .profile-hero {
     position: relative;
     position: relative;
-    padding: 48rpx 32rpx 48rpx;
+    padding: 32rpx 32rpx 32rpx;
     margin-bottom: 16rpx;
     margin-bottom: 16rpx;
 
 
     .hero-bg {
     .hero-bg {
@@ -13,7 +13,7 @@
       top: 0;
       top: 0;
       left: 0;
       left: 0;
       right: 0;
       right: 0;
-      height: 198rpx;
+      height: 148rpx;
       background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
       background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
       border-radius: 0 0 32rpx 32rpx;
       border-radius: 0 0 32rpx 32rpx;
     }
     }
@@ -52,12 +52,6 @@
           font-weight: 600;
           font-weight: 600;
           color: #ffffff;
           color: #ffffff;
           letter-spacing: 0.5rpx;
           letter-spacing: 0.5rpx;
-          margin-bottom: 8rpx;
-        }
-
-        .p-position {
-          font-size: 24rpx;
-          color: rgba(255, 255, 255, 0.8);
         }
         }
       }
       }
     }
     }
@@ -103,6 +97,10 @@
         color: #1e293b;
         color: #1e293b;
         text-align: right;
         text-align: right;
         word-break: break-all;
         word-break: break-all;
+
+        &.empty {
+          color: #cbd5e1;
+        }
       }
       }
     }
     }
   }
   }

pages/mine/index.vue

@@ -8,7 +8,6 @@
                 </view>
                 </view>
                 <view class="profile-meta">
                 <view class="profile-meta">
                     <text class="p-name">{{ info.name || '--' }}</text>
                     <text class="p-name">{{ info.name || '--' }}</text>
-                    <text class="p-position">{{ info.position_name || '暂无岗位信息' }}</text>
                 </view>
                 </view>
             </view>
             </view>
         </view>
         </view>
@@ -19,7 +18,7 @@
                     <u-icon :name="item.icon" color="#ffffff" size="32"></u-icon>
                     <u-icon :name="item.icon" color="#ffffff" size="32"></u-icon>
                 </view>
                 </view>
                 <text class="info-label">{{ item.label }}</text>
                 <text class="info-label">{{ item.label }}</text>
-                <text class="info-value">{{ info[item.key] || '--' }}</text>
+                <text class="info-value" :class="{ empty: !info[item.key] }">{{ info[item.key] || '--' }}</text>
             </view>
             </view>
         </view>
         </view>