From f66eee1d038afc05f1a727db256ba5c6818f6fb4 Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Tue, 27 Jan 2026 15:35:51 +0800
Subject: [PATCH] 1
---
src/views/personal/index.vue | 98 ++++++++++++++++++++++++++++++++++++------------
1 files changed, 73 insertions(+), 25 deletions(-)
diff --git a/src/views/personal/index.vue b/src/views/personal/index.vue
index 02d73c4..8d60071 100644
--- a/src/views/personal/index.vue
+++ b/src/views/personal/index.vue
@@ -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