{"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\nimport { mapGetters } from \"vuex\";\nexport default {\n props: {},\n computed: {\n ...mapGetters({\n theme: \"home/theme\"\n })\n },\n data() {\n return {\n navList: [],\n navList1: []\n };\n },\n methods: {\n goPath(path, name) {\n if (path == \"/more\") {\n this.$toast(this.$t(\"敬请期待\"));\n } else {\n this.$router.push(path);\n }\n }\n },\n mounted() {\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 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 name: this.$t(\"闪兑\"),\n icon: require(`@/assets/3x/资源 1@3x.png`),\n path: \"/exchange/exchangePage\"\n }];\n this.navList1 = [];\n },\n activated() {\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 name: this.$t(\"闪兑\"),\n icon: require(`@/assets/3x/资源 1@3x.png`),\n path: \"/exchange/exchangePage\"\n }];\n }\n};","map":{"version":3,"names":["mapGetters","props","computed","theme","data","navList","navList1","methods","goPath","path","name","$toast","$t","$router","push","mounted","icon","require","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\">\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>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nexport default {\n props: {},\n computed: {\n ...mapGetters({\n theme: \"home/theme\",\n }),\n },\n data() {\n return {\n navList: [],\n navList1: [],\n };\n },\n methods: {\n goPath(path, name) {\n if (path == \"/more\") {\n this.$toast(this.$t(\"敬请期待\"));\n } else {\n this.$router.push(path);\n }\n },\n },\n mounted() {\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 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 this.navList1 = [];\n },\n activated() {\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 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 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 },\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 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAAA,UAAA;AACA;EACAC,KAAA;EACAC,QAAA;IACA,GAAAF,UAAA;MACAG,KAAA;IACA;EACA;EACAC,KAAA;IACA;MACAC,OAAA;MACAC,QAAA;IACA;EACA;EACAC,OAAA;IACAC,OAAAC,IAAA,EAAAC,IAAA;MACA,IAAAD,IAAA;QACA,KAAAE,MAAA,MAAAC,EAAA;MACA;QACA,KAAAC,OAAA,CAAAC,IAAA,CAAAL,IAAA;MACA;IACA;EACA;EACAM,QAAA;IACA,KAAAV,OAAA,IACA;MACAK,IAAA,OAAAE,EAAA;MACAI,IAAA,EAAAC,OAAA;MAEAR,IAAA;IACA,GAEA;MACAC,IAAA,OAAAE,EAAA;MACAI,IAAA,EAAAC,OAAA;MACAR,IAAA;IACA,GACA;MACAC,IAAA,OAAAE,EAAA;MACAI,IAAA,EAAAC,OAAA;MACAR,IAAA;IACA,GACA;MACAC,IAAA,OAAAE,EAAA;MACAI,IAAA,EAAAC,OAAA;MACAR,IAAA;IACA,GACA;MACAC,IAAA,OAAAE,EAAA;MACAI,IAAA,EAAAC,OAAA;MAEAR,IAAA;IACA,GACA;MACAC,IAAA,OAAAE,EAAA;MACAI,IAAA,EAAAC,OAAA;MACAR,IAAA;IACA,GACA;MACAC,IAAA,OAAAE,EAAA;MACAI,IAAA,EAAAC,OAAA;MACAR,IAAA;IACA,GACA;MACAC,IAAA,OAAAE,EAAA;MACAI,IAAA,EAAAC,OAAA;MACAR,IAAA;IACA,EACA;IACA,KAAAH,QAAA;EACA;EACAY,UAAA;IACA,KAAAb,OAAA,IACA;MACAK,IAAA,OAAAE,EAAA;MACAI,IAAA,EAAAC,OAAA;MAEAR,IAAA;IACA,GACA;MACAC,IAAA,OAAAE,EAAA;MACAI,IAAA,EAAAC,OAAA;MACAR,IAAA;IACA,GACA;MACAC,IAAA,OAAAE,EAAA;MACAI,IAAA,EAAAC,OAAA;MACAR,IAAA;IACA,GACA;MACAC,IAAA,OAAAE,EAAA;MACAI,IAAA,EAAAC,OAAA;MACAR,IAAA;IACA,EACA;IACA,KAAAH,QAAA,IACA;MACAI,IAAA,OAAAE,EAAA;MACAI,IAAA,EAAAC,OAAA;MACAR,IAAA;IACA,GACA;MACAC,IAAA,OAAAE,EAAA;MACAI,IAAA,EAAAC,OAAA;MACAR,IAAA;IACA,GACA;MACAC,IAAA,OAAAE,EAAA;MACAI,IAAA,EAAAC,OAAA;MACAR,IAAA;IACA,GACA;MACAC,IAAA,OAAAE,EAAA;MACAI,IAAA,EAAAC,OAAA;MACAR,IAAA;IACA,EACA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
