7月29号

src/pages/profile/index.vue

@@ -1,12 +1,13 @@
 <template>
   <view class="page">
     <!-- 头部：风景图 + 用户信息 -->
+	<image
+	  class="hero-bg"
+	  src="https://aliyunoss.hn12301.net/sd/pingxiang_wo_bj.png"
+	  mode="widthFix"
+	/>
     <view class="profile-hero">
-      <image
-        class="hero-bg"
-        src="https://images.unsplash.com/photo-1506905925346-21bda4d32df4?fm=jpg&q=80&w=750&h=400&fit=crop"
-        mode="aspectFill"
-      />
+      
       <view class="hero-overlay" />
       <view class="hero-content">
         <view class="avatar-wrap">
@@ -19,7 +20,7 @@
         </view>
       </view>
     </view>
-
+    
     <!-- 功能菜单 -->
     <view class="menu-section">
       <view class="menu-card">
@@ -53,7 +54,7 @@
         </view>
       </view>
     </view>
-
+    
     <!-- 退出登录 -->
     <view class="btn-area" v-if="userStore.isLogin">
       <view class="btn-logout" @click="handleLogout">
@@ -111,23 +112,29 @@ function formatPhone(phone?: string) {
   return phone.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2')
 }
 </script>
-
+<style>
+	page{
+		background: #fff;
+	}
+</style>
 <style lang="scss" scoped>
 .page {
   min-height: 100vh;
-  background: $uv-bg-color;
+
 }
 
 /* Hero header */
 .profile-hero {
   position: relative;
-  height: 280rpx;
+  height: 380rpx;
   overflow: hidden;
+  padding-top: 120rpx;
+  
 }
 
 .hero-bg {
   position: absolute;
-  top: 0;
+  
   left: 0;
   width: 100%;
   height: 100%;
@@ -139,11 +146,7 @@ function formatPhone(phone?: string) {
   left: 0;
   width: 100%;
   height: 100%;
-  background: linear-gradient(
-    180deg,
-    rgba(48, 49, 51, 0.5) 0%,
-    rgba(48, 49, 51, 0.7) 100%
-  );
+  
 }
 
 .hero-content {
@@ -176,14 +179,14 @@ function formatPhone(phone?: string) {
   font-family: $font-family-display;
   font-size: $font-size-title;
   font-weight: $font-weight-bold;
-  color: #fff;
+  color: #1B1613;
   margin-bottom: $spacing-1;
   text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
 }
 
 .user-desc {
   font-size: $font-size-sm;
-  color: rgba(255, 255, 255, 0.7);
+  color: #403D3A;
 
   &--link {
     color: $uv-warning;
@@ -193,7 +196,7 @@ function formatPhone(phone?: string) {
 /* Menu section */
 .menu-section {
   padding: $spacing-3;
-  margin-top: -60rpx;
+  margin-top: -25rpx;
   position: relative;
   z-index: 3;
 }
@@ -201,7 +204,7 @@ function formatPhone(phone?: string) {
 .menu-card {
   background: $color-card;
   border-radius: $radius-lg;
-  box-shadow: $shadow-base;
+  box-shadow: 0 4rpx 16rpx rgba(15, 23, 42, 0.15);
   overflow: hidden;
 }