{"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\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 this.$router.push('/recharge/rechargeList');\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","goRouter","params","path"],"sources":["src/page/recharge/rechargeList.vue"],"sourcesContent":["<template>\n <div class=\"recharge box-border\">\n <assets-head :title=\"$t('充值通道')\">\n <img src=\"../../assets/image/assets-center/exchange.png\" alt=\"exchange-img\" class=\"w-44 h-38\"\n @click=\"goRouter('/assetsCenter/rechargeWithdrawRecord?back=1')\" />\n </assets-head>\n <div class=\"pl-36 pr-36\">\n <div class=\"recharge-title font-35 textColor\">{{ $t('请选择充值币种') }}</div>\n <div class=\"recharge-list flex justify-between\">\n <div class=\"item-view flex flex-col items-center justify-center text-center w-189 h-220 box-border\"\n @click=\"selectSymbol('usdt')\">\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 class=\"item-view flex flex-col items-center justify-center text-center w-189 h-220 box-border\"\n @click=\"selectSymbol('btc')\">\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 class=\"item-view flex flex-col items-center justify-center text-center w-189 h-220 box-border\"\n @click=\"selectSymbol('eth')\">\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 </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\n },\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 this.$router.push('/recharge/rechargeList');\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>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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,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,GAEA;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;MACA;MACA;MACA;MACA;MACA;MACA,KAAAH,OAAA,CAAAI,IAAA;IACA;IACAC,SAAAC,MAAA;MACA,KAAAN,OAAA,CAAAI,IAAA;QACAG,IAAA,EAAAD;MACA;IACA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
