{"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\";\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    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: \"/exchange/exchangePage\"\n      }];\n      this.navList2 = [{\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    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.getNavlist();\n  },\n  activated() {\n    this.getNavlist();\n  }\n};","map":{"version":3,"names":["mapGetters","props","computed","theme","data","isLock","navList","navList1","navList2","methods","getNavlist","name","$t","icon","require","path","goPath","$toast","$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\";\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    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: \"/exchange/exchangePage\",\n        },\n      ];\n      this.navList2 = [\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    },\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.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  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;EACAC,KAAA;EACAC,QAAA;IACA,GAAAF,UAAA;MACAG,KAAA;IACA;EACA;EACAC,KAAA;IACA;MACAC,MAAA;MACAC,OAAA;MACAC,QAAA;MACAC,QAAA;IACA;EACA;EACAC,OAAA;IACAC,WAAA;MACA,KAAAJ,OAAA,IACA;QACAK,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,KAAAR,QAAA,IACA;QACAI,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,KAAAP,QAAA,IACA;QACAG,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,GACA;QACAJ,IAAA,OAAAC,EAAA;QACAC,IAAA,EAAAC,OAAA;QACAC,IAAA;MACA,EACA;IACA;IACAC,OAAAD,IAAA,EAAAJ,IAAA;MACA,IAAAI,IAAA;QACA,KAAAE,MAAA,MAAAL,EAAA;MACA;QACA,KAAAM,OAAA,CAAAC,IAAA,CAAAJ,IAAA;MACA;IACA;EACA;EACAK,QAAA;IACA,KAAAV,UAAA;EACA;EACAW,UAAA;IACA,KAAAX,UAAA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}