个人中心静态界面0.7

pages/profile/profile.vue

@@ -33,10 +33,10 @@
         <text class="amount-label">可提现(元)</text>
       </view>
       <view class="action-buttons">
-        <view class="action-btn">
+        <view class="action-btn income-expense-btn">
           <text class="btn-text">收支明细 ></text>
         </view>
-        <view class="action-btn">
+        <view class="action-btn withdraw-btn">
           <text class="btn-text">立即提现 ></text>
         </view>
       </view>
@@ -163,9 +163,19 @@ export default {
 
 <style lang="scss" scoped>
 .profile-page {
-  min-height: 100vh;
+  position: relative;
   background: #f5f5f5;
   padding-bottom: 120rpx;
+
+  .fire-background {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 1;
+    z-index: 1;
+  }
 }
 
 // 页面标题
@@ -270,7 +280,7 @@ export default {
 .financial-summary {
   margin: 20rpx;
   border-radius: 20rpx;
-  padding: 40rpx;
+  padding: 54rpx;
   color: #fff;
   position: relative;
   overflow: hidden;
@@ -307,7 +317,7 @@ export default {
 
   .action-buttons {
     position: absolute;
-    top: 60rpx;
+    top: 80rpx;
     right: 40rpx;
     display: flex;
     flex-direction: column;
@@ -315,25 +325,38 @@ export default {
     z-index: 2;
 
     .action-btn {
-      padding: 15rpx 25rpx;
-      border-radius: 20rpx;
+      padding: 10rpx 34rpx;
+      border-radius: 30rpx;
+      cursor: pointer;
+      transition: all 0.3s ease;
 
       .btn-text {
         font-size: 24rpx;
+      }
+    }
+
+    .income-expense-btn {
+      .btn-text {
         color: #fff;
       }
     }
+
+    .withdraw-btn {
+      background: #fff;
+
+      .btn-text {
+        color: #f15a04;
+      }
+    }
   }
 
   .financial-stats {
     display: flex;
-    justify-content: space-around;
+    justify-content: space-between;
     position: relative;
     z-index: 2;
 
     .stat-item {
-      text-align: center;
-
       .stat-number {
         display: block;
         font-size: 32rpx;
@@ -371,7 +394,7 @@ export default {
     .view-details {
       .details-text {
         font-size: 28rpx;
-        color: #f15a04;
+        color: #9e9e9e;
       }
     }
   }
@@ -387,7 +410,7 @@ export default {
         display: block;
         font-size: 36rpx;
         font-weight: bold;
-        color: #f15a04;
+        color: #3d3d3d;
         margin-bottom: 10rpx;
       }