{"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\nimport { mapGetters } from \"vuex\";\nimport Axios from \"@/API/userCenter\";\nexport default {\n props: {},\n computed: {\n ...mapGetters({\n theme: \"home/theme\"\n })\n },\n data() {\n return {\n isLock: false,\n navList: [],\n navList1: [],\n navList2: []\n };\n },\n methods: {\n getUrl() {\n Axios.getConfigurationByKey;\n },\n getNavlist() {\n this.navList = [{\n name: this.$t(\"ICO\"),\n icon: require(`@/assets/3x/资源 7@3x.png`),\n path: \"/new-urrency\"\n }, {\n name: this.$t(\"理财\"),\n icon: require(`@/assets/3x/资源 3@3x.png`),\n path: \"/fm-home\"\n }, {\n name: this.$t(\"合约交易\"),\n icon: require(`@/assets/3x/资源 5@3x.png`),\n path: \"/trendDetails/btc\"\n }, {\n name: this.$t(\"分享\"),\n icon: require(`@/assets/3x/资源 2@3x.png`),\n path: \"/promote\"\n }];\n this.navList1 = [{\n name: this.$t(\"在线客服\"),\n icon: require(`@/assets/3x/资源 8@3x.png`),\n path: \"/customerService\"\n }, {\n name: this.$t(\"质押借币\"),\n icon: require(`@/assets/3x/资源 6@3x.png`),\n path: \"/pledgeLoan\"\n }, {\n name: this.$t(\"账变记录\"),\n icon: require(`@/assets/3x/资源 9@3x.png`),\n path: \"/accountChange\"\n },\n // {\n // name: this.$t(\"闪兑\"),\n // icon: require(`@/assets/3x/资源 1@3x.png`),\n // path: \"/exchange/exchangePage\",\n // },\n {\n name: this.$t(\"更多\"),\n icon: require(`@/assets/3x/Artboard 2@33x copy 3.png`),\n path: \"/more\"\n }];\n this.navList2 = [{\n name: this.$t(\"闪兑\"),\n icon: require(`@/assets/3x/资源 1@3x.png`),\n path: \"/exchange/exchangePage\"\n }, {\n name: this.$t(\"直播\"),\n icon: require(`@/assets/3x/资源 1@3x.png`),\n path: \"/exchange/exchangePage\"\n }, {\n name: this.$t(\"比赛\"),\n icon: require(`@/assets/3x/资源 1@3x.png`),\n path: \"/exchange/exchangePage\"\n }];\n },\n goPath(path, name) {\n if (path == \"/more\") {\n this.isLock = !this.isLock;\n } else {\n this.$router.push(path);\n }\n }\n },\n mounted() {\n this.getNavlist();\n },\n activated() {\n this.getNavlist();\n }\n};","map":{"version":3,"names":["mapGetters","Axios","props","computed","theme","data","isLock","navList","navList1","navList2","methods","getUrl","getConfigurationByKey","getNavlist","name","$t","icon","require","path","goPath","$router","push","mounted","activated"],"sources":["src/components/ex-nav/index.vue"],"sourcesContent":["<template>\n <div class=\"mt-20\">\n <div class=\"nav mb-40\" style=\"margin-bottom: 15px\">\n <div\n v-for=\"(item, index) in navList\"\n :key=\"index\"\n class=\"list\"\n @click=\"goPath(item.path, item.name)\"\n >\n <div class=\"imgBox\"><img :src=\"item.icon\" alt=\"\" /></div>\n <div class=\"mt-15 text-center font-20 newcolor1\">{{ item.name }}</div>\n </div>\n </div>\n <div class=\"nav mb-44\" style=\"margin-bottom: 15px\">\n <div\n v-for=\"(item, index) in navList1\"\n :key=\"index\"\n class=\"list\"\n @click=\"goPath(item.path, item.name)\"\n >\n <div class=\"imgBox\"><img :src=\"item.icon\" alt=\"\" /></div>\n <div class=\"mt-15 text-center font-20 newcolor1\">\n {{ item.name }}\n </div>\n </div>\n </div>\n <div class=\"nav mb-44\" v-if=\"isLock\">\n <div\n v-for=\"(item, index) in navList2\"\n :key=\"index\"\n class=\"list\"\n @click=\"goPath(item.path, item.name)\"\n >\n <div class=\"imgBox\"><img :src=\"item.icon\" alt=\"\" /></div>\n <div class=\"mt-15 text-center font-20 newcolor1\">\n {{ item.name }}\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport Axios from \"@/API/userCenter\";\n\nexport default {\n props: {},\n computed: {\n ...mapGetters({\n theme: \"home/theme\",\n }),\n },\n data() {\n return {\n isLock: false,\n navList: [],\n navList1: [],\n navList2: [],\n };\n },\n methods: {\n getUrl(){\n Axios.getConfigurationByKey\n },\n getNavlist() {\n this.navList = [\n {\n name: this.$t(\"ICO\"),\n icon: require(`@/assets/3x/资源 7@3x.png`),\n\n path: \"/new-urrency\",\n },\n\n {\n name: this.$t(\"理财\"),\n icon: require(`@/assets/3x/资源 3@3x.png`),\n path: \"/fm-home\",\n },\n {\n name: this.$t(\"合约交易\"),\n icon: require(`@/assets/3x/资源 5@3x.png`),\n path: \"/trendDetails/btc\",\n },\n {\n name: this.$t(\"分享\"),\n icon: require(`@/assets/3x/资源 2@3x.png`),\n path: \"/promote\",\n },\n ];\n this.navList1 = [\n {\n name: this.$t(\"在线客服\"),\n icon: require(`@/assets/3x/资源 8@3x.png`),\n\n path: \"/customerService\",\n },\n {\n name: this.$t(\"质押借币\"),\n icon: require(`@/assets/3x/资源 6@3x.png`),\n path: \"/pledgeLoan\",\n },\n {\n name: this.$t(\"账变记录\"),\n icon: require(`@/assets/3x/资源 9@3x.png`),\n path: \"/accountChange\",\n },\n // {\n // name: this.$t(\"闪兑\"),\n // icon: require(`@/assets/3x/资源 1@3x.png`),\n // path: \"/exchange/exchangePage\",\n // },\n {\n name: this.$t(\"更多\"),\n icon: require(`@/assets/3x/Artboard 2@33x copy 3.png`),\n path: \"/more\",\n },\n ];\n this.navList2 = [\n {\n name: this.$t(\"闪兑\"),\n icon: require(`@/assets/3x/资源 1@3x.png`),\n path: \"/exchange/exchangePage\",\n },\n {\n name: this.$t(\"直播\"),\n icon: require(`@/assets/3x/资源 1@3x.png`),\n path: \"/exchange/exchangePage\",\n },\n {\n name: this.$t(\"比赛\"),\n icon: require(`@/assets/3x/资源 1@3x.png`),\n path: \"/exchange/exchangePage\",\n },\n ];\n },\n goPath(path, name) {\n if (path == \"/more\") {\n this.isLock = !this.isLock;\n } else {\n this.$router.push(path);\n }\n },\n },\n mounted() {\n this.getNavlist();\n },\n activated() {\n this.getNavlist();\n },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.nav {\n display: flex;\n\n //justify-content: center;\n align-items: center;\n font-size: 26px;\n color: #21262f;\n padding: 10px 0;\n margin: 0 15px;\n box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);\n}\n\n.list {\n max-width: 25%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n // margin-right: 50px;\n flex: 1;\n border-right: 1px solid #f6f6f6;\n\n @include themify() {\n color: themed(\"text_color\");\n }\n\n &:last-child {\n margin-right: 0px;\n }\n}\n\n.imgBox {\n width: 50px;\n height: 72px;\n display: flex;\n align-items: center;\n\n img {\n width: 100%;\n }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,SAAAA,UAAA;AACA,OAAAC,KAAA;AAEA;EACAC,KAAA;EACAC,QAAA;IACA,GAAAH,UAAA;MACAI,KAAA;IACA;EACA;EACAC,KAAA;IACA;MACAC,MAAA;MACAC,OAAA;MACAC,QAAA;MACAC,QAAA;IACA;EACA;EACAC,OAAA;IACAC,OAAA;MACAV,KAAA,CAAAW,qBAAA;IACA;IACAC,WAAA;MACA,KAAAN,OAAA,IACA;QACAO,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QAEAC,IAAA;MACA,GAEA;QACAJ,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,IAAA;MACA,GACA;QACAJ,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,IAAA;MACA,GACA;QACAJ,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,IAAA;MACA,EACA;MACA,KAAAV,QAAA,IACA;QACAM,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QAEAC,IAAA;MACA,GACA;QACAJ,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,IAAA;MACA,GACA;QACAJ,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,IAAA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;QACAJ,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,IAAA;MACA,EACA;MACA,KAAAT,QAAA,IACA;QACAK,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,IAAA;MACA,GACA;QACAJ,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,IAAA;MACA,GACA;QACAJ,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,IAAA;MACA,EACA;IACA;IACAC,OAAAD,IAAA,EAAAJ,IAAA;MACA,IAAAI,IAAA;QACA,KAAAZ,MAAA,SAAAA,MAAA;MACA;QACA,KAAAc,OAAA,CAAAC,IAAA,CAAAH,IAAA;MACA;IACA;EACA;EACAI,QAAA;IACA,KAAAT,UAAA;EACA;EACAU,UAAA;IACA,KAAAV,UAAA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
