钱包首页

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;
-        }
       }
     }
 

src/user_pages/wallet/index.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { View, Text, Input, Button } from "@tarojs/components";
+import { View, Text, Input, Button, Image } from "@tarojs/components";
 import Taro, { useDidShow } from "@tarojs/taro";
 import "./index.scss";
 import { CommonPopup } from "@/components";
@@ -284,27 +284,19 @@ const WalletPage: React.FC = () => {
       {/* 功能按钮区域 */}
       <View className="function_buttons">
         <View className="function_item">
-          <View className="function_icon">
-            <Text className="icon_text">📄</Text>
-          </View>
           <Text className="function_text">全部账单</Text>
+          <Image className="function_icon" src={require("@/static/wallet/arrow-down.svg")} />
         </View>
         <View className="function_item">
-          <View className="function_icon">
-            <Text className="icon_text">🔍</Text>
-          </View>
+          <Image className="function_icon" src={require("@/static/wallet/search.svg")} />
           <Text className="function_text">查询交易</Text>
         </View>
         <View className="function_item">
-          <View className="function_icon">
-            <Text className="icon_text">⬇️</Text>
-          </View>
+          <Image className="function_icon" src={require("@/static/wallet/download.svg")} />
           <Text className="function_text">下载账单</Text>
         </View>
         <View className="function_item">
-          <View className="function_icon">
-            <Text className="icon_text">💬</Text>
-          </View>
+          <Image className="function_icon" src={require("@/static/wallet/custom-service.svg")} />
           <Text className="function_text">客服中心</Text>
         </View>
       </View>
@@ -316,7 +308,6 @@ const WalletPage: React.FC = () => {
           <Text className="history_title">现金明细</Text>
           <View className="month_selector">
             <Text className="current_month">2025-09</Text>
-            <Text className="dropdown_arrow">⌄</Text>
           </View>
         </View>