{"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      zbUrl: \"\",\n      bsUrl: \"\"\n    };\n  },\n  methods: {\n    async getUrl() {\n      const res = await Axios.getConfigurationByKey();\n      res.map(val => {\n        if (val.configKey === \"zb\") {\n          this.zbUrl = val.configValue;\n        }\n        if (val.configKey === \"bs\") {\n          this.bsUrl = val.configValue;\n        }\n      });\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/Artboard 4@33x copy 3.png`),\n        id: \"bs\",\n        path: \"/bs\",\n        router: \"\"\n      }];\n    },\n    goPath(path, router) {\n      if (path == \"/more\") {\n        this.isLock = !this.isLock;\n      } else if (path === \"/zb\") {\n        if (this.zbUrl) window.open(this.zbUrl);\n      } else if (path === \"/bs\") {\n        if (this.bsUrl) window.open(this.bsUrl);\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","zbUrl","bsUrl","methods","getUrl","res","getConfigurationByKey","map","val","configKey","configValue","getNavlist","name","$t","icon","require","path","id","router","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      zbUrl: \"\",\n      bsUrl: \"\",\n    };\n  },\n  methods: {\n    async getUrl() {\n      const res = await Axios.getConfigurationByKey();\n      res.map((val) => {\n        if (val.configKey === \"zb\") {\n          this.zbUrl = val.configValue;\n        }\n        if (val.configKey === \"bs\") {\n          this.bsUrl = val.configValue;\n        }\n      });\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/Artboard 4@33x copy 3.png`),\n          id: \"bs\",\n          path: \"/bs\",\n          router: \"\",\n        },\n      ];\n    },\n    goPath(path, router) {\n      if (path == \"/more\") {\n        this.isLock = !this.isLock;\n      } else if (path === \"/zb\") {\n        if (this.zbUrl) window.open(this.zbUrl);\n      } else if (path === \"/bs\") {\n        if (this.bsUrl) window.open(this.bsUrl);\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;MACAC,KAAA;MACAC,KAAA;IACA;EACA;EACAC,OAAA;IACA,MAAAC,OAAA;MACA,MAAAC,GAAA,SAAAb,KAAA,CAAAc,qBAAA;MACAD,GAAA,CAAAE,GAAA,CAAAC,GAAA;QACA,IAAAA,GAAA,CAAAC,SAAA;UACA,KAAAR,KAAA,GAAAO,GAAA,CAAAE,WAAA;QACA;QACA,IAAAF,GAAA,CAAAC,SAAA;UACA,KAAAP,KAAA,GAAAM,GAAA,CAAAE,WAAA;QACA;MACA;IACA;IACAC,WAAA;MACA,KAAAb,OAAA,IACA;QACAc,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,KAAAjB,QAAA,IACA;QACAa,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,KAAAhB,QAAA,IACA;QACAY,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,IAAA;MACA,GACA;QACAJ,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAE,EAAA;QACAD,IAAA;QACAE,MAAA;MACA,GACA;QACAN,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAE,EAAA;QACAD,IAAA;QACAE,MAAA;MACA,EACA;IACA;IACAC,OAAAH,IAAA,EAAAE,MAAA;MACA,IAAAF,IAAA;QACA,KAAAnB,MAAA,SAAAA,MAAA;MACA,WAAAmB,IAAA;QACA,SAAAf,KAAA,EAAAmB,MAAA,CAAAC,IAAA,MAAApB,KAAA;MACA,WAAAe,IAAA;QACA,SAAAd,KAAA,EAAAkB,MAAA,CAAAC,IAAA,MAAAnB,KAAA;MACA;QACA,KAAAoB,OAAA,CAAAC,IAAA,CAAAP,IAAA;MACA;IACA;EACA;EACAQ,QAAA;IACA,KAAAb,UAAA;IACA,KAAAP,MAAA;EACA;EACAqB,UAAA;IACA,KAAAd,UAAA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}