{"ast":null,"code":"import \"vant/es/icon/style\";\nimport _Icon from \"vant/es/icon\";\nimport \"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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport assetsHead from \"@/components/assets-head\";\nexport default {\n name: \"rechageList\",\n components: {\n assetsHead,\n [_Icon.name]: _Icon\n },\n data() {\n return {\n list: [{\n name: \"Huobi\",\n url: \"https://www.huobi.com/en-us/\",\n imgPath: require(\"../../assets/image/huobi.png\")\n }, {\n name: \"Binance\",\n url: \"https://www.binance.com/en\",\n imgPath: require(\"../../assets/image/bian.png\")\n }, {\n name: \"Coinbase\",\n url: \"https://www.coinbase.com/\",\n imgPath: require(\"../../assets/image/coinbase.png\")\n }, {\n name: \"Crypto\",\n url: \"https://www.crypto.com/\",\n imgPath: require(\"../../assets/image/crypto.png\")\n }]\n };\n },\n created() {},\n methods: {\n toPath(url) {\n const a = document.createElement(\"a\");\n a.href = url;\n a.target = \"_bank\";\n document.body.append(a);\n a.click();\n document.body.removeChild(a);\n // if (navigator.userAgent.search('Html5Plus') != -1) {\n // plus.runtime.openURL(url)\n // } else {\n // window.open(url)\n // }\n },\n onClickLeft() {\n this.$router.go(-1);\n },\n selectSymbol(symbol) {\n this.$router.push({\n path: \"/recharge/rechargePage\",\n query: {\n symbol: symbol\n }\n });\n },\n goRouter(params) {\n this.$router.push({\n path: params\n });\n }\n }\n};","map":{"version":3,"names":["assetsHead","name","components","_Icon","data","list","url","imgPath","require","created","methods","toPath","a","document","createElement","href","target","body","append","click","removeChild","onClickLeft","$router","go","selectSymbol","symbol","push","path","query","goRouter","params"],"sources":["src/page/recharge/rechargeList.vue"],"sourcesContent":["<template>\n <div class=\"recharge box-border\">\n <assets-head :title=\"$t('充值通道')\">\n <img\n src=\"../../assets/image/assets-center/exchange.png\"\n alt=\"exchange-img\"\n class=\"w-44 h-38\"\n @click=\"goRouter('/assetsCenter/rechargeWithdrawRecord?back=1')\"\n />\n </assets-head>\n <div class=\"pl-36 pr-36\">\n <div class=\"recharge-title font-35 textColor\">\n {{ $t(\"请选择充值币种\") }}\n </div>\n <div class=\"recharge-list flex\">\n <div\n class=\"item-view flex flex-col items-center justify-center text-center w-189 h-220 box-border\"\n @click=\"selectSymbol('usdt')\"\n >\n <img src=\"../../assets/image/symbol/usdt.png\" class=\"w-92 h-92\" />\n <div class=\"text-grey font-26 mt-32\">{{ $t(\"USDT充值\") }}</div>\n </div>\n <div\n class=\"item-view flex flex-col items-center justify-center text-center w-189 h-220 box-border\"\n @click=\"selectSymbol('btc')\"\n >\n <img src=\"../../assets/image/symbol/btc.png\" class=\"w-92 h-92\" />\n <div class=\"text-grey font-26 mt-32\">{{ $t(\"BTC充值\") }}</div>\n </div>\n <div\n class=\"item-view flex flex-col items-center justify-center text-center w-189 h-220 box-border\"\n @click=\"selectSymbol('eth')\"\n >\n <img src=\"../../assets/image/symbol/eth.png\" class=\"w-92 h-92\" />\n <div class=\"text-grey font-26 mt-32\">{{ $t(\"ETH充值\") }}</div>\n </div>\n <div\n class=\"item-view flex flex-col items-center justify-center text-center w-189 h-220 box-border\"\n @click=\"selectSymbol('usdc')\"\n >\n <img src=\"../../assets/image/symbol/eth.png\" class=\"w-92 h-92\" />\n <div class=\"text-grey font-26 mt-32\">{{ $t(\"USDC充值\") }}</div>\n </div>\n <div\n class=\"item-view flex flex-col items-center justify-center text-center w-189 h-220 box-border\"\n @click=\"selectSymbol('bnb')\"\n >\n <img src=\"../../assets/image/symbol/eth.png\" class=\"w-92 h-92\" />\n <div class=\"text-grey font-26 mt-32\">{{ $t(\"BNB充值\") }}</div>\n </div>\n </div>\n </div>\n <!-- <div class=\"textColor mt-40\">\n <div class=\"pl-36 pr-36 h-90 lh-90 border-b-color flex justify-between\" v-for=\"(item, index) in list\"\n :key=\"index\" @click=\"toPath(item.url)\">\n <div class=\"flex items-center\">\n <img :src=\"item.imgPath\" class=\"w-44 h-44 rounded-full mr-20\" />\n <span class=\"textColor1\">{{ item.name }}</span>\n </div>\n <div>\n <van-icon class=\"textColor1\" name=\"arrow\" />\n </div>\n </div>\n </div> -->\n </div>\n</template>\n\n<script>\nimport assetsHead from \"@/components/assets-head\";\nimport { Icon } from \"vant\";\nexport default {\n name: \"rechageList\",\n components: {\n assetsHead,\n [Icon.name]: Icon,\n },\n data() {\n return {\n list: [\n {\n name: \"Huobi\",\n url: \"https://www.huobi.com/en-us/\",\n imgPath: require(\"../../assets/image/huobi.png\"),\n },\n {\n name: \"Binance\",\n url: \"https://www.binance.com/en\",\n imgPath: require(\"../../assets/image/bian.png\"),\n },\n {\n name: \"Coinbase\",\n url: \"https://www.coinbase.com/\",\n imgPath: require(\"../../assets/image/coinbase.png\"),\n },\n {\n name: \"Crypto\",\n url: \"https://www.crypto.com/\",\n imgPath: require(\"../../assets/image/crypto.png\"),\n },\n ],\n };\n },\n created() {},\n methods: {\n toPath(url) {\n const a = document.createElement(\"a\");\n a.href = url;\n a.target = \"_bank\";\n document.body.append(a);\n a.click();\n document.body.removeChild(a);\n // if (navigator.userAgent.search('Html5Plus') != -1) {\n // plus.runtime.openURL(url)\n // } else {\n // window.open(url)\n // }\n },\n onClickLeft() {\n this.$router.go(-1);\n },\n selectSymbol(symbol) {\n this.$router.push({\n path: \"/recharge/rechargePage\",\n query: {\n symbol: symbol,\n },\n });\n },\n goRouter(params) {\n this.$router.push({\n path: params,\n });\n },\n },\n};\n</script>\n<style lang=\"scss\" scoped>\n.recharge {\n width: 100%;\n box-sizing: border-box;\n}\n\n.recharge-title {\n margin: 86px 0 104px 0;\n}\n\n.recharge-list {\n flex-wrap: wrap;\n .item-view {\n margin: 0 20px;\n margin-bottom: 20px;\n }\n}\n.recharge-list > div {\n @include themify() {\n border: 2px solid themed(\"bg_dark\");\n }\n\n border-radius: 15px;\n box-sizing: border-box;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEA,OAAAA,UAAA;AAEA;EACAC,IAAA;EACAC,UAAA;IACAF,UAAA;IACA,CAAAG,KAAA,CAAAF,IAAA,GAAAE;EACA;EACAC,KAAA;IACA;MACAC,IAAA,GACA;QACAJ,IAAA;QACAK,GAAA;QACAC,OAAA,EAAAC,OAAA;MACA,GACA;QACAP,IAAA;QACAK,GAAA;QACAC,OAAA,EAAAC,OAAA;MACA,GACA;QACAP,IAAA;QACAK,GAAA;QACAC,OAAA,EAAAC,OAAA;MACA,GACA;QACAP,IAAA;QACAK,GAAA;QACAC,OAAA,EAAAC,OAAA;MACA;IAEA;EACA;EACAC,QAAA;EACAC,OAAA;IACAC,OAAAL,GAAA;MACA,MAAAM,CAAA,GAAAC,QAAA,CAAAC,aAAA;MACAF,CAAA,CAAAG,IAAA,GAAAT,GAAA;MACAM,CAAA,CAAAI,MAAA;MACAH,QAAA,CAAAI,IAAA,CAAAC,MAAA,CAAAN,CAAA;MACAA,CAAA,CAAAO,KAAA;MACAN,QAAA,CAAAI,IAAA,CAAAG,WAAA,CAAAR,CAAA;MACA;MACA;MACA;MACA;MACA;IACA;IACAS,YAAA;MACA,KAAAC,OAAA,CAAAC,EAAA;IACA;IACAC,aAAAC,MAAA;MACA,KAAAH,OAAA,CAAAI,IAAA;QACAC,IAAA;QACAC,KAAA;UACAH,MAAA,EAAAA;QACA;MACA;IACA;IACAI,SAAAC,MAAA;MACA,KAAAR,OAAA,CAAAI,IAAA;QACAC,IAAA,EAAAG;MACA;IACA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
