From 4927953dc981aeb8f144a9e54f23f55676a2aa7a Mon Sep 17 00:00:00 2001 From: ivan Date: Tue, 31 Mar 2026 18:40:58 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=EF=BC=9AVIP=E6=98=BE?= =?UTF-8?q?=E7=A4=BA=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- design/pencil-new.pen | 478 ++++++++++++++++++++++++++++++++++++- src/views/MemberCenter.vue | 404 +++++++++++++++++++++++++++++++ src/views/Profile.vue | 144 +++++++++-- 3 files changed, 1002 insertions(+), 24 deletions(-) create mode 100644 src/views/MemberCenter.vue diff --git a/design/pencil-new.pen b/design/pencil-new.pen index e3d3fcf..bf9b3fa 100644 --- a/design/pencil-new.pen +++ b/design/pencil-new.pen @@ -9,7 +9,7 @@ "name": "Profile Screen", "clip": true, "width": 402, - "height": 648, + "height": 980, "fill": "$--bg-page", "layout": "vertical", "gap": 16, @@ -94,8 +94,8 @@ "type": "text", "id": "VLEgU", "name": "tagText", - "fill": "$--primary", - "content": "VIP Trader", + "fill": "#a16207", + "content": "尊享交易权益", "fontFamily": "Inter", "fontSize": 12, "fontWeight": "600" @@ -134,6 +134,97 @@ ] } ] + }, + { + "type": "frame", + "id": "BQsV9", + "name": "VIP Entry", + "width": "fill_container", + "fill": "#fff7e6", + "cornerRadius": "$--radius-md", + "stroke": { + "align": "inside", + "thickness": 1.5, + "fill": "#e6a817" + }, + "gap": 10, + "padding": [ + 12, + 14 + ], + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "AsI1v", + "name": "vipLeft", + "gap": 10, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "tklXN", + "name": "vipTitle", + "fill": "#78350f", + "content": "会员中心", + "fontFamily": "Inter", + "fontSize": 15, + "fontWeight": "600" + } + ] + }, + { + "type": "frame", + "id": "RjQ0D", + "name": "vipRight", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "sKfYz", + "name": "levelCapsule", + "width": 30, + "height": 22, + "fill": { + "type": "color", + "color": "#c9970a", + "enabled": false + }, + "cornerRadius": "$--radius-pill", + "padding": [ + 8, + 14 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "N7wG9", + "name": "levelCapsuleText", + "fill": "#c9970a", + "content": "vip3", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "700" + } + ] + }, + { + "type": "text", + "id": "6K4W4", + "name": "entryChevron", + "fill": "#ca8a04", + "content": "›", + "fontFamily": "Inter", + "fontSize": 18, + "fontWeight": "normal" + } + ] + } + ] } ] }, @@ -6370,6 +6461,387 @@ ] } ] + }, + { + "type": "frame", + "id": "lvTGn", + "x": 3820, + "y": 0, + "name": "会员中心 Screen", + "clip": true, + "width": 402, + "height": 1180, + "fill": "$--bg-page", + "layout": "vertical", + "gap": 16, + "padding": 16, + "children": [ + { + "type": "frame", + "id": "RjQ1F", + "name": "mcHeader", + "width": "fill_container", + "gap": 12, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "EqeEY", + "name": "mcBack", + "fill": "$--text-primary", + "content": "←", + "fontFamily": "Inter", + "fontSize": 22 + }, + { + "type": "text", + "id": "3ZEsD", + "name": "mcTitle", + "fill": "$--text-primary", + "content": "会员中心", + "fontFamily": "Inter", + "fontSize": 20, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "bX2qC", + "name": "currentLevelCard", + "width": "fill_container", + "fill": "#fff7e6", + "cornerRadius": "$--radius-lg", + "stroke": { + "align": "inside", + "thickness": 1.5, + "fill": "#e6a817" + }, + "layout": "vertical", + "gap": 12, + "padding": 20, + "children": [ + { + "type": "frame", + "id": "8zw2G", + "name": "heroRow", + "width": "fill_container", + "gap": 10, + "justifyContent": "space_between", + "alignItems": "center", + "children": [ + { + "type": "frame", + "id": "h9i8v", + "name": "heroLeft", + "width": "fill_container", + "gap": 8, + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "LRQkX", + "name": "heroLbl2", + "fill": "#78350f", + "content": "当前等级", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "500" + }, + { + "type": "text", + "id": "Gn048", + "name": "heroLvl", + "fill": "#c9970a", + "content": "VIP 3", + "fontFamily": "Inter", + "fontSize": 16, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "K46YD", + "name": "btnRecharge", + "height": 36, + "fill": "#c9970a", + "cornerRadius": 8, + "padding": [ + 8, + 14 + ], + "justifyContent": "center", + "alignItems": "center", + "children": [ + { + "type": "text", + "id": "zdalb", + "name": "btx", + "fill": "#fffef5", + "content": "去充值", + "fontFamily": "Inter", + "fontSize": 13, + "fontWeight": "600" + } + ] + } + ] + }, + { + "type": "text", + "id": "xINU0", + "name": "heroHint", + "fill": "#a16207", + "content": "距离 vip4 还需累计交易量达到 $500,000", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "500" + } + ] + }, + { + "type": "frame", + "id": "lEW94", + "name": "mcLevelBlock", + "width": "fill_container", + "layout": "vertical", + "gap": 14, + "children": [ + { + "type": "text", + "id": "dgWjb", + "name": "mcExplainTitle", + "fill": "$--text-secondary", + "content": "等级说明", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "600" + }, + { + "type": "frame", + "id": "KPIS6", + "name": "mcExplain", + "width": "fill_container", + "layout": "vertical", + "gap": 8, + "children": [ + { + "type": "frame", + "id": "RYpWx", + "name": "exRow0", + "width": "fill_container", + "fill": "$--bg-page", + "stroke": { + "align": "inside", + "thickness": 0, + "fill": "$--border-color" + }, + "gap": 10, + "justifyContent": "space_between", + "children": [ + { + "type": "text", + "id": "HbZIh", + "name": "ex0l", + "fill": "$--text-secondary", + "content": "完成注册即可。", + "lineHeight": 1.45, + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "2T1e2", + "name": "ex0r", + "fill": "$--text-primary", + "textGrowth": "fixed-width", + "width": 52, + "content": "VIP 0", + "textAlign": "right", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "brfky", + "name": "exRow1", + "width": "fill_container", + "fill": "$--bg-page", + "stroke": { + "align": "inside", + "thickness": 0, + "fill": "$--border-color" + }, + "gap": 10, + "justifyContent": "space_between", + "children": [ + { + "type": "text", + "id": "5Q49A", + "name": "r2l", + "fill": "$--text-secondary", + "content": "累计充值 ≥ $10,000 USDC。", + "lineHeight": 1.45, + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "oSw0l", + "name": "r2r", + "fill": "$--text-primary", + "textGrowth": "fixed-width", + "width": 52, + "content": "VIP 1", + "textAlign": "right", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "wEUKd", + "name": "exRow2", + "width": "fill_container", + "fill": "$--bg-page", + "stroke": { + "align": "inside", + "thickness": 0, + "fill": "$--border-color" + }, + "gap": 10, + "justifyContent": "space_between", + "children": [ + { + "type": "text", + "id": "F8h9p", + "name": "r3l", + "fill": "$--text-secondary", + "content": "累计充值 ≥ $50,000 USDC。", + "lineHeight": 1.45, + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "zqbDv", + "name": "r3r", + "fill": "$--text-primary", + "textGrowth": "fixed-width", + "width": 52, + "content": "VIP 2", + "textAlign": "right", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "YacFs", + "name": "exRow3", + "width": "fill_container", + "fill": "$--bg-page", + "stroke": { + "align": "inside", + "thickness": 0, + "fill": "$--border-color" + }, + "gap": 10, + "justifyContent": "space_between", + "children": [ + { + "type": "text", + "id": "UElGL", + "name": "r4l", + "fill": "#78350f", + "content": "累计充值 ≥ $200,000 USDC。", + "lineHeight": 1.45, + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "9HZuo", + "name": "r4r", + "fill": "#c9970a", + "textGrowth": "fixed-width", + "width": 52, + "content": "VIP 3", + "textAlign": "right", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "700" + } + ] + }, + { + "type": "frame", + "id": "aKf3Y", + "name": "exRow4", + "width": "fill_container", + "fill": "$--bg-page", + "stroke": { + "align": "inside", + "thickness": 0, + "fill": "$--border-color" + }, + "gap": 10, + "justifyContent": "space_between", + "children": [ + { + "type": "text", + "id": "tIUh6", + "name": "r5l", + "fill": "$--text-secondary", + "content": "累计充值 ≥ $500,000 USDC；\n或邀请有效用户 ≥ 50 人。", + "lineHeight": 1.45, + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "normal" + }, + { + "type": "text", + "id": "Z1nPr", + "name": "r5r", + "fill": "$--text-primary", + "textGrowth": "fixed-width", + "width": 52, + "content": "VIP 4", + "textAlign": "right", + "fontFamily": "Inter", + "fontSize": 12, + "fontWeight": "700" + } + ] + } + ] + } + ] + }, + { + "type": "text", + "id": "83n3g", + "name": "mcFoot", + "fill": "$--text-secondary", + "content": "* 统计数据与门槛以后台规则为准（示意数据，非最终规则）。", + "lineHeight": 1.35, + "fontFamily": "Inter", + "fontSize": 11, + "fontWeight": "normal" + } + ] } ], "variables": { diff --git a/src/views/MemberCenter.vue b/src/views/MemberCenter.vue new file mode 100644 index 0000000..161b0c7 --- /dev/null +++ b/src/views/MemberCenter.vue @@ -0,0 +1,404 @@ + + + + + diff --git a/src/views/Profile.vue b/src/views/Profile.vue index 44096c9..4b54b27 100644 --- a/src/views/Profile.vue +++ b/src/views/Profile.vue @@ -4,12 +4,7 @@
- + +
{{ t('profile.walletOverview') }} - +
${{ totalBalance }}
{{ t('profile.walletSub', { available: availableBalance, frozen: frozenBalance }) }}
+
+ + +
{{ t('profile.accountSettings') }}
-
@@ -83,7 +105,12 @@
{{ t('profile.currentWalletAddress') }}
{{ walletAddressText }}
-
@@ -104,7 +131,12 @@ persistent-hint />
-