feat

lxf

2025-04-18 66a33e936d39ec4db7fdffed5d646e044ccc43e9

 src/page/assetsCenter/index.vue

@@ -1,5 +1,20 @@
<template>
  <div class="pb-120 assetsCenter">
     <div class="price">
        <div class="price_box" style="justify-content: flex-end;">
           <img class="price_box_img" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAEVQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////Up1zwgAAABZ0Uk5TABAgMEBPUF9gb3B/gI+Qn6Cwv8/f7xMcqe8AAAEdSURBVEjH7dXBcoQgEATQBiaRKFHDQv//p+awljqArp6SqqTPvBoYZAR+LObG2o8vAH6yF5fbyAjAM3WX1g+ZCyAvFJFEboAcDsh7ZwG4IZIaME1iACNBg0Aycc0OkGROZNJgpEoByArML0G+C/gPLoBU3/QtIEGlAyCTSsCvT1+dwXqVciY8XnXJ4exB7MGYmXMN/BHoEwMQ+CjH1gGIjhEAYlUitkEnDM8tS9mmNnDGOwBwvpw3JrdAFrumbGxogKTq9kWJxlzq1Wc/lVOyBn4myTzOTbC7PA26Zb8V2FqrgSzVa7AeQ4PP5QlPjX9JagFaywMAE2+C5XgFcO4EQNIG3k7vYSuSniCKnlfj8X9UAIgAsONu0lj82XwD7hxJmfCAhwIAAAAASUVORK5CYII="/>
        </div>
        <div class="price_box">
           {{$t('总资产')}} （ USDT ）
           <!-- <div @click="changeEyes">
             <img :src="require('../../assets/image/assets-center/eye-open.png')" class="w-32 h-18" v-show="!eyetel" />
             <img :src="require('../../assets/image/assets-center/eye-close.png')" class="w-32 h-18" v-show="eyetel" />
           </div> -->
        </div>
        <div class="price_box">
                   {{funds.total}} USDT
        </div>
     </div>
    <div class="flex justify-between px-52 pt-31  box-border">
      <div class="flex-1 items-center text-center textColor1" v-for="(item, index) in typeList " :key="'type' + index"
        @click="onTabs(index)">
@@ -42,6 +57,7 @@
      timer: null,
      tab: 0,
      index: 0, // 每个组件的二级tab
     eyetel: false,
      funds: {},
      typeList: [
        {
@@ -90,6 +106,9 @@
      this.index = this.$route.query.index ? this.$route.query.index * 1 : 0
    }
  },
  changeEyes() {
    this.eyetel = !this.eyetel;
  },
  activated() {
    clearInterval(this.timer)
    this.timer = setInterval(() => {
@@ -109,6 +128,21 @@
</script>

<style lang="scss" scoped>
   .price_box_img{
      width: 3.375rem;
   }
   .price_box{
          font-size: 1.625rem;
         margin-bottom: .875rem;
      display: flex;
      color:#Fff;
   }
   .price{
      padding: 2rem 2rem 2.375rem;
          margin: 2rem 2rem;
          border-radius: 1.125rem;
          background: #2b64fb;
   }
.assetsCenter {
  width: 100%;
  box-sizing: border-box;