diff --git a/src/static/wallet/arrow-down.svg b/src/static/wallet/arrow-down.svg
new file mode 100644
index 0000000..3374976
--- /dev/null
+++ b/src/static/wallet/arrow-down.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/static/wallet/custom-service.svg b/src/static/wallet/custom-service.svg
new file mode 100644
index 0000000..58a24b3
--- /dev/null
+++ b/src/static/wallet/custom-service.svg
@@ -0,0 +1,12 @@
+
diff --git a/src/static/wallet/download.svg b/src/static/wallet/download.svg
new file mode 100644
index 0000000..b6bb84d
--- /dev/null
+++ b/src/static/wallet/download.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/static/wallet/search.svg b/src/static/wallet/search.svg
new file mode 100644
index 0000000..3b32026
--- /dev/null
+++ b/src/static/wallet/search.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/user_pages/edit/index.scss b/src/user_pages/edit/index.scss
index d8876b2..5fea68f 100644
--- a/src/user_pages/edit/index.scss
+++ b/src/user_pages/edit/index.scss
@@ -166,7 +166,7 @@
// 表单区域
.form_section {
- margin-bottom: 48px;
+ margin-bottom: 16px;
box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.06);
.form_group {
diff --git a/src/user_pages/wallet/index.scss b/src/user_pages/wallet/index.scss
index 6366c0d..3025e31 100644
--- a/src/user_pages/wallet/index.scss
+++ b/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;
- }
}
}
diff --git a/src/user_pages/wallet/index.tsx b/src/user_pages/wallet/index.tsx
index 7e3bfe8..aa24bb0 100644
--- a/src/user_pages/wallet/index.tsx
+++ b/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 = () => {
{/* 功能按钮区域 */}
-
- 📄
-
全部账单
+
-
- 🔍
-
+
查询交易
-
- ⬇️
-
+
下载账单
-
- 💬
-
+
客服中心
@@ -316,7 +308,6 @@ const WalletPage: React.FC = () => {
现金明细
2025-09
- ⌄