{"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(\"Deposit\"),\n        router: \"\"\n      }, {\n        name: this.$t(\"Withdraw\"),\n        router: \"\"\n      }, {\n        name: this.$t(\"Exchange\")\n      }, {\n        name: this.$t(\"Assets\")\n      }]\n    };\n  },\n  methods: {\n    changeTab(index) {\n      this.active = index;\n    }\n  }\n};","map":{"version":3,"names":["props","components","data","active","listArr","name","$t","router","methods","changeTab","index"],"sources":["src/page/assetsCenter/tabs-profile.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(\"Deposit\"),\n          router:\"\"\n        },\n        {\n          name: this.$t(\"Withdraw\"),\n          router:\"\"\n        },\n        {\n          name: this.$t(\"Exchange\"),\n        },\n        {\n          name: this.$t(\"Assets\"),\n        },\n      ],\n    };\n  },\n  methods: {\n    changeTab(index) {\n      this.active = index;\n     \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 15px;\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;QACAC,MAAA;MACA,GACA;QACAF,IAAA,OAAAC,EAAA;QACAC,MAAA;MACA,GACA;QACAF,IAAA,OAAAC,EAAA;MACA,GACA;QACAD,IAAA,OAAAC,EAAA;MACA;IAEA;EACA;EACAE,OAAA;IACAC,UAAAC,KAAA;MACA,KAAAP,MAAA,GAAAO,KAAA;IAEA;EACA;AAEA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}