1

admin

2026-02-10 c547081aa61be5c7b6d4c12853c675954c2156eb

 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 {