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