From b8270e9601c8ab7a1e429eb18abc2f1f645ce7ba Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Sat, 31 Jan 2026 11:01:58 +0800
Subject: [PATCH] 1
---
src/views/personal/index.vue | 100 +++++++++++++++++++++++++++++++++++++-------------
1 files changed, 74 insertions(+), 26 deletions(-)
diff --git a/src/views/personal/index.vue b/src/views/personal/index.vue
index 02d73c4..66bb85e 100644
--- a/src/views/personal/index.vue
+++ b/src/views/personal/index.vue
@@ -33,7 +33,7 @@
<!-- <img class="nation"
src="data:image/png;base64,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"
alt=""> -->
- <span>{{currency.name}} {{ $t('总资产') }}({{currency.currency}})</span></div>
+ <span> {{ $t('总资产') }}({{currency.currency}})</span></div>
<div class="right">{{currency.currency_symbol}}</div>
</div>
<div class="assetsInfo">
@@ -164,7 +164,7 @@
}).catch((e) => {});
}
</script>
-<style>
+<style lang="scss">
.my-index {
background-color: var(--main3_background);
padding-bottom: calc(80px + constant(safe-area-inset-bottom)) !important;
@@ -183,18 +183,26 @@
}
.my-index .assets .top .title {
- font-size: 18px;
- font-weight: 600
+ font-size: 20px;
+ font-weight: 700;
+ color: var(--text_color);
+ letter-spacing: -0.3px;
}
.my-index .currentAssets {
background-color: var(--inverse);
- border-radius: 4px;
- margin-top: 5px;
- box-shadow: rgba(0, 0, 0, .06) 0 8px 24px;
- padding: 10px;
+ border-radius: 16px;
+ margin-top: 16px;
+ box-shadow: 0 2px 12px rgba(146, 209, 255, 0.08);
+ border: 1px solid rgba(118, 128, 143, 0.1);
+ padding: 24px;
display: flex;
- flex-direction: column
+ flex-direction: column;
+ transition: all 0.3s ease;
+ }
+
+ .my-index .currentAssets:hover {
+ box-shadow: 0 4px 20px rgba(146, 209, 255, 0.12);
}
.my-index .currentAssets .top {
@@ -211,9 +219,10 @@
.my-index .currentAssets .top .amount .amountTop {
display: flex;
align-items: center;
- gap: 5px;
+ gap: 8px;
font-size: 16px;
- font-weight: 600
+ font-weight: 600;
+ color: var(--text_color);
}
.my-index .currentAssets .top .amount .amountTop .nation {
@@ -227,9 +236,12 @@
}
.my-index .currentAssets .top .amount .money {
- font-size: 28px;
- font-weight: 600;
- line-height: 42px
+ font-size: 32px;
+ font-weight: 700;
+ line-height: 48px;
+ color: var(--text_color);
+ letter-spacing: -0.5px;
+ margin-top: 8px;
}
.my-index .currentAssets .bottom {
@@ -249,15 +261,18 @@
}
.my-index .currentAssets .bottom>div .value {
- font-size: 15px;
- line-height: 22px
+ font-size: 16px;
+ line-height: 24px;
+ font-weight: 600;
+ color: var(--text_color);
+ margin-top: 4px;
}
.my-index .currentAssets .btnGroup {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
- gap: 15px;
- margin: 10px 0
+ gap: 12px;
+ margin: 20px 0 0
}
.my-index .currentAssets .btnGroup div {
@@ -265,26 +280,59 @@
align-items: center;
justify-content: center;
color: #fff;
- box-shadow: 0 min(.8vw, 3.4px) min(.266667vw, 1.133333px) max(-.533333vw, -2.266667px) rgba(0, 0, 0, .2), 0 min(.533333vw, 2.266667px) min(.533333vw, 2.266667px) 0 rgba(0, 0, 0, .14), 0 min(.266667vw, 1.133333px) min(1.333333vw, 5.666667px) 0 rgba(0, 0, 0, .12);
font-size: 16px;
font-weight: 600;
- border-radius: 4px;
- height: 44px
+ border-radius: 12px;
+ height: 48px;
+ cursor: pointer;
+ transition: all 0.3s ease;
+ border: none;
}
.my-index .currentAssets .btnGroup div.recharge {
- background-color: #00ae8c
+ background: linear-gradient(135deg, #92D1FF 0%, #7BB8FF 100%);
+ box-shadow: 0 4px 12px rgba(146, 209, 255, 0.3);
+ }
+
+ .my-index .currentAssets .btnGroup div.recharge:hover {
+ background: linear-gradient(135deg, #7BB8FF 0%, #6BA8FF 100%);
+ box-shadow: 0 6px 16px rgba(146, 209, 255, 0.4);
+ transform: translateY(-1px);
+ }
+
+ .my-index .currentAssets .btnGroup div.recharge:active {
+ transform: translateY(0);
}
.my-index .currentAssets .btnGroup div.withdraw {
- background-color: #f2495e
+ background: linear-gradient(135deg, #F2495E 0%, #FF6B7A 100%);
+ box-shadow: 0 4px 12px rgba(242, 73, 94, 0.3);
+ }
+
+ .my-index .currentAssets .btnGroup div.withdraw:hover {
+ background: linear-gradient(135deg, #FF6B7A 0%, #FF8A95 100%);
+ box-shadow: 0 6px 16px rgba(242, 73, 94, 0.4);
+ transform: translateY(-1px);
+ }
+
+ .my-index .currentAssets .btnGroup div.withdraw:active {
+ transform: translateY(0);
}
.my-index .otherAssets {
- padding: 10px;
- border-bottom: 1px solid var(--sec-border);
+ padding: 20px;
+ margin-top: 16px;
+ border-radius: 16px;
+ background: var(--inverse);
+ border: 1px solid rgba(118, 128, 143, 0.1);
+ box-shadow: 0 2px 12px rgba(146, 209, 255, 0.08);
display: flex;
- flex-direction: column
+ flex-direction: column;
+ transition: all 0.3s ease;
+ }
+
+ .my-index .otherAssets:hover {
+ box-shadow: 0 4px 20px rgba(146, 209, 255, 0.12);
}
.my-index .otherAssets .amountTop {
--
Gitblit v1.9.3