{"ast":null,"code":"//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexport default {\n  props: {},\n  components: {},\n  data() {\n    return {\n      active: 0,\n      listArr: [{\n        name: this.$t(\"热门\")\n      }, {\n        name: this.$t(\"涨幅榜\")\n      }, {\n        name: this.$t(\"跌幅榜\")\n      }\n      // {\n      //     name: this.$t('24h成交额')\n      // }\n      ]\n    };\n  },\n  methods: {\n    changeTab(index) {\n      this.active = index;\n      this.$emit(\"tabs\", index);\n    }\n  },\n  activated() {\n    this.listArr = [{\n      name: this.$t(\"热门\")\n    }, {\n      name: this.$t(\"涨幅榜\")\n    }, {\n      name: this.$t(\"跌幅榜\")\n    }\n    // {\n    //     name: this.$t('24h成交额')\n    // }\n    ];\n  }\n};","map":{"version":3,"names":["props","components","data","active","listArr","name","$t","methods","changeTab","index","$emit","activated"],"sources":["src/components/ex-tabs/index.vue"],"sourcesContent":["<template>\n  <div class=\"ex-tabs flex\">\n    <div\n      class=\"ex-tab\"\n      v-for=\"(item, index) in listArr\"\n      :key=\"index\"\n      @click=\"changeTab(index)\"\n      :class=\"active == index ? 'active' : ''\"\n    >\n      {{ item.name }}\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {},\n  components: {},\n  data() {\n    return {\n      active: 0,\n      listArr: [\n        {\n          name: this.$t(\"热门\"),\n        },\n        {\n          name: this.$t(\"涨幅榜\"),\n        },\n        {\n          name: this.$t(\"跌幅榜\"),\n        },\n        // {\n        //     name: this.$t('24h成交额')\n        // }\n      ],\n    };\n  },\n  methods: {\n    changeTab(index) {\n      this.active = index;\n      this.$emit(\"tabs\", index);\n    },\n  },\n  activated() {\n    this.listArr = [\n      {\n        name: this.$t(\"热门\"),\n      },\n      {\n        name: this.$t(\"涨幅榜\"),\n      },\n      {\n        name: this.$t(\"跌幅榜\"),\n      },\n      // {\n      //     name: this.$t('24h成交额')\n      // }\n    ];\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.ex-tabs {\n  font-size: 28px;\n  display: flex;\n  //   padding-top: 22px;\n  justify-content: center;\n  align-items: center;\n  background-color: #f5f5f8;\n  margin: 0 20px;\n  margin-top: 48px;\n\n  .ex-tab {\n    flex: 1;\n    text-align: center;\n    margin: 4px 1px;\n    padding: 18px 0px;\n    border-radius: 4px;\n    color: #9691fa;\n\n    @include themify() {\n      border-bottom: 2px solid transparent !important;\n    }\n  }\n}\n\n.ex-tabs .active {\n  @include themify() {\n    color: #9691fa !important;\n    // color: themed(\"text_color\") !important;\n  }\n\n  @include themify() {\n    background-color: #fff;\n    // border-bottom: 2px solid themed(\"color_main\") !important;\n  }\n}\n</style>"],"mappings":";;;;;;;;;;;;;;;AAeA;EACAA,KAAA;EACAC,UAAA;EACAC,KAAA;IACA;MACAC,MAAA;MACAC,OAAA,GACA;QACAC,IAAA,OAAAC,EAAA;MACA,GACA;QACAD,IAAA,OAAAC,EAAA;MACA,GACA;QACAD,IAAA,OAAAC,EAAA;MACA;MACA;MACA;MACA;MAAA;IAEA;EACA;EACAC,OAAA;IACAC,UAAAC,KAAA;MACA,KAAAN,MAAA,GAAAM,KAAA;MACA,KAAAC,KAAA,SAAAD,KAAA;IACA;EACA;EACAE,UAAA;IACA,KAAAP,OAAA,IACA;MACAC,IAAA,OAAAC,EAAA;IACA,GACA;MACAD,IAAA,OAAAC,EAAA;IACA,GACA;MACAD,IAAA,OAAAC,EAAA;IACA;IACA;IACA;IACA;IAAA,CACA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}