{"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 };\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 ],\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;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":[]}
|
