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