{"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    async getUrl() {\n      const res = await Axios.getConfigurationByKey();\n      console.log(res);\n      this.navList.map(item => {\n        res.map(val => {\n          if (val.configKey === item.id) {\n            item.router = val.configValue;\n          }\n        });\n      });\n      // console.log(res);\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        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        id: \"zb\",\n        path: \"/zb\",\n        router: \"\"\n      }, {\n        name: this.$t(\"比赛\"),\n        icon: require(`@/assets/3x/资源 1@3x.png`),\n        id: \"bs\",\n        path: \"/zb\",\n        router: \"\"\n      }];\n    },\n    goPath(path, router) {\n      if (path == \"/more\") {\n        this.isLock = !this.isLock;\n      } else if (path === \"zb\") {\n        window.open(router);\n      } else {\n        this.$router.push(path);\n      }\n    }\n  },\n  mounted() {\n    this.getNavlist();\n    this.getUrl();\n  },\n  activated() {\n    // this.getNavlist();\n  }\n};","map":{"version":3,"names":["mapGetters","Axios","props","computed","theme","data","isLock","navList","navList1","navList2","methods","getUrl","res","getConfigurationByKey","console","log","map","item","val","configKey","id","router","configValue","getNavlist","name","$t","icon","require","path","goPath","window","open","$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.router)\"\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    async getUrl() {\n      const res = await Axios.getConfigurationByKey();\n\n      console.log(res);\n      this.navList.map((item) => {\n        res.map((val) => {\n          if (val.configKey === item.id) {\n            item.router = val.configValue;\n          }\n        });\n      });\n      // console.log(res);\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        {\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          id: \"zb\",\n          path: \"/zb\",\n          router: \"\",\n        },\n        {\n          name: this.$t(\"比赛\"),\n          icon: require(`@/assets/3x/资源 1@3x.png`),\n          id: \"bs\",\n          path: \"/zb\",\n          router: \"\",\n        },\n      ];\n    },\n    goPath(path, router) {\n      if (path == \"/more\") {\n        this.isLock = !this.isLock;\n      } else if (path === \"zb\") {\n        window.open(router);\n      } else {\n        this.$router.push(path);\n      }\n    },\n  },\n  mounted() {\n    this.getNavlist();\n    this.getUrl();\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;IACA,MAAAC,OAAA;MACA,MAAAC,GAAA,SAAAX,KAAA,CAAAY,qBAAA;MAEAC,OAAA,CAAAC,GAAA,CAAAH,GAAA;MACA,KAAAL,OAAA,CAAAS,GAAA,CAAAC,IAAA;QACAL,GAAA,CAAAI,GAAA,CAAAE,GAAA;UACA,IAAAA,GAAA,CAAAC,SAAA,KAAAF,IAAA,CAAAG,EAAA;YACAH,IAAA,CAAAI,MAAA,GAAAH,GAAA,CAAAI,WAAA;UACA;QACA;MACA;MACA;IACA;IACAC,WAAA;MACA,KAAAhB,OAAA,IACA;QACAiB,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,KAAApB,QAAA,IACA;QACAgB,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,GAEA;QACAJ,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,IAAA;MACA,EACA;MACA,KAAAnB,QAAA,IACA;QACAe,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,IAAA;MACA,GACA;QACAJ,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAP,EAAA;QACAQ,IAAA;QACAP,MAAA;MACA,GACA;QACAG,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAP,EAAA;QACAQ,IAAA;QACAP,MAAA;MACA,EACA;IACA;IACAQ,OAAAD,IAAA,EAAAP,MAAA;MACA,IAAAO,IAAA;QACA,KAAAtB,MAAA,SAAAA,MAAA;MACA,WAAAsB,IAAA;QACAE,MAAA,CAAAC,IAAA,CAAAV,MAAA;MACA;QACA,KAAAW,OAAA,CAAAC,IAAA,CAAAL,IAAA;MACA;IACA;EACA;EACAM,QAAA;IACA,KAAAX,UAAA;IACA,KAAAZ,MAAA;EACA;EACAwB,UAAA;IACA;EAAA;AAEA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}