1

admin

2026-01-27 f66eee1d038afc05f1a727db256ba5c6818f6fb4

 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 {