{"ast":null,"code":"import \"core-js/modules/es.array.push.js\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexport default {\n  data() {\n    return {\n      active: 1,\n      tabList: [{\n        id: 1,\n        text: this.$t(\"Spot\")\n      }, {\n        id: 2,\n        text: this.$t(\"Contract\")\n      }, {\n        id: 3,\n        text: this.$t(\"Delivery\")\n      }, {\n        id: 3,\n        text: this.$t(\"Contract Account\")\n      }, {\n        id: 3,\n        text: this.$t(\"Financial\")\n      }]\n    };\n  },\n  methods: {\n    goRouter(parmas) {\n      if (parmas === \"/exchange/exchangeHistory\") {\n        this.$router.push({\n          path: parmas,\n          query: {\n            type: 1\n          }\n        });\n      } else {\n        this.$router.push(parmas);\n      }\n    }\n  }\n};","map":{"version":3,"names":["data","active","tabList","id","text","$t","methods","goRouter","parmas","$router","push","path","query","type"],"sources":["src/page/assetsCenter/index.vue"],"sourcesContent":["<template>\n  <div class=\"assets-box\">\n    <header>\n      <van-row class=\"title-box\">\n        <van-col span=\"12\"><span class=\"title\">Total Assets</span></van-col>\n        <van-col\n          span=\"12\"\n          class=\"right\"\n          @click=\"goRouter('/exchange/exchangeHistory')\"\n        >\n          <img\n            :src=\"require('@/assets/image/assets-center/Subtract.png')\"\n            class=\"w-44 h-38\"\n          />\n        </van-col>\n        <div class=\"pt\">Total Assets Valuation</div>\n        <div class=\"pt\">0</div>\n        <div class=\"pt\">≈ 0.00USD</div>\n      </van-row>\n\n      <van-row gutter=\"20\" class=\"but-box\">\n        <van-col span=\"8\"><div class=\"but\">Deposit</div></van-col>\n        <van-col span=\"8\"><div class=\"but\">withdraw</div></van-col>\n        <van-col span=\"8\"><div class=\"but\">Exchange</div></van-col>\n        <van-col span=\"8\"><div class=\"but\">Management</div></van-col>\n        <van-col span=\"8\"><div class=\"but\">Mining Pool</div></van-col>\n      </van-row>\n    </header>\n    <div class=\"tabs\">\n      <div class=\"tabs-box\">\n        <div\n          v-for=\"item in tabList\"\n          :key=\"item.id\"\n          :class=\"`${active === item.id ? 'active-tabls' : ''}`\"\n          @click=\"active = item.id\"\n        >\n          {{ item.text }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      active: 1,\n      tabList: [\n        { id: 1, text: this.$t(\"Spot\") },\n        { id: 2, text: this.$t(\"Contract\") },\n        { id: 3, text: this.$t(\"Delivery\") },\n        { id: 3, text: this.$t(\"Contract Account\") },\n        { id: 3, text: this.$t(\"Financial\") },\n      ],\n    };\n  },\n  methods: {\n    goRouter(parmas) {\n      if (parmas === \"/exchange/exchangeHistory\") {\n        this.$router.push({ path: parmas, query: { type: 1 } });\n      } else {\n        this.$router.push(parmas);\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.assets-box {\n  header {\n    padding: 100px 0;\n    color: #817cf6;\n    .title-box {\n      padding: 0 70px;\n    }\n    .but-box {\n      padding: 30px;\n    }\n    .title {\n      font-weight: bold;\n    }\n    .pt {\n      margin-top: 15px;\n    }\n    .but {\n      box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);\n      line-height: 80px;\n      text-align: center;\n      margin-bottom: 30px;\n    }\n  }\n  .tabs-box {\n    display: flex;\n    color: #9691fa;\n    font-weight: 400;\n    flex: 1;\n    justify-content: space-between;\n    padding: 0 30px;\n    .active-tabls {\n      color: #807cf7;\n      font-weight: 900;\n    }\n  }\n}\n.right {\n  text-align: right;\n}\n</style>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA;EACAA,KAAA;IACA;MACAC,MAAA;MACAC,OAAA,GACA;QAAAC,EAAA;QAAAC,IAAA,OAAAC,EAAA;MAAA,GACA;QAAAF,EAAA;QAAAC,IAAA,OAAAC,EAAA;MAAA,GACA;QAAAF,EAAA;QAAAC,IAAA,OAAAC,EAAA;MAAA,GACA;QAAAF,EAAA;QAAAC,IAAA,OAAAC,EAAA;MAAA,GACA;QAAAF,EAAA;QAAAC,IAAA,OAAAC,EAAA;MAAA;IAEA;EACA;EACAC,OAAA;IACAC,SAAAC,MAAA;MACA,IAAAA,MAAA;QACA,KAAAC,OAAA,CAAAC,IAAA;UAAAC,IAAA,EAAAH,MAAA;UAAAI,KAAA;YAAAC,IAAA;UAAA;QAAA;MACA;QACA,KAAAJ,OAAA,CAAAC,IAAA,CAAAF,MAAA;MACA;IACA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}