钱包首页

src/user_pages/wallet/index.scss

@@ -6,10 +6,11 @@
   padding: 5px;
   
   .wallet_main_card {
-    background: white;
+    background: #000;
     border-radius: 20px;
     padding: 12px 20px 32px;
     margin-bottom: 8px;
+    color: #fff;
     
     .card_header {
       display: flex;
@@ -20,7 +21,6 @@
       .header_title {
         font-size: 12px;
         font-weight: 400;
-        color: #000;
         line-height: 1.5;
       }
       
@@ -46,9 +46,8 @@
           
           .currency_symbol {
             font-family: 'DingTalk JinBuTi', sans-serif;
-            font-size: 20px;
+            font-size: 32px;
             font-weight: 400;
-            color: #000;
             line-height: 0.8;
           }
           
@@ -60,42 +59,37 @@
               font-family: 'DingTalk JinBuTi', sans-serif;
               font-size: 32px;
               font-weight: 400;
-              color: #000;
               line-height: 0.75;
             }
             
             .decimal_amount {
               font-family: 'DingTalk JinBuTi', sans-serif;
-              font-size: 20px;
+              font-size: 32px;
               font-weight: 400;
-              color: #000;
               line-height: 0.8;
             }
           }
         }
         
         .withdraw_btn {
-          background: #000;
-          color: white;
+          background: #fff;
           border: none;
           border-radius: 20px;
           padding: 8px 20px;
           font-size: 14px;
           font-weight: 400;
-          line-height: 1.29;
           width: 68px;
           height: 34px;
-          
-          &:active {
-            background: #333;
-          }
+          margin: unset;
+          display: flex;
+          justify-content: center;
+          align-items: center;
         }
       }
       
       .available_amount {
         font-size: 12px;
         font-weight: 400;
-        color: #000;
         line-height: 1.5;
         text-align: left;
       }
@@ -122,8 +116,8 @@
       flex: 1;
       
       .function_icon {
-        width: 12px;
-        height: 12px;
+        width: 16px;
+        height: 16px;
         display: flex;
         align-items: center;
         justify-content: center;
@@ -172,6 +166,24 @@
         display: flex;
         align-items: center;
         gap: 4px;
+        position: relative;
+        padding-right: 16px;
+
+        &::before, &::after {
+          content: '';
+          display: block;
+          width: 2px;
+          height: 8px;
+          border-radius: 2px;
+          background: #000;
+          transform: translateX(-3.5px) rotate(-45deg);
+          position: absolute;
+          right: 0;
+        }
+
+        &::after {
+          transform: translateX(3px) rotate(45deg);
+        }
 
         .current_month {
           font-size: 12px;
@@ -179,11 +191,6 @@
           color: #000;
           line-height: 1.5;
         }
-
-        .dropdown_arrow {
-          font-size: 10px;
-          color: #000;
-        }
       }
     }