{"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":[]}
|
