{"ast":null,"code":"export default {\n  data() {\n    return {\n      activeTab: 0\n    };\n  },\n  props: {\n    tabs: {\n      type: Array\n      // required: true,\n    }\n  },\n\n  methods: {\n    changeTab(index) {\n      console.log(\"tab 切换 index\", index);\n      this.activeTab = index;\n    }\n  }\n};","map":{"version":3,"names":["data","activeTab","props","tabs","type","Array","methods","changeTab","index","console","log"],"sources":["src/components/Tabs/index.vue"],"sourcesContent":["<template>\n  <div class=\"tab-buttons backgroundBox\">\n    <div\n      v-for=\"(tab, index) in tabs\"\n      :key=\"index\"\n      :class=\"{ active: activeTab === index }\"\n      @click=\"changeTab(index)\"\n    >\n      {{ tab.title }}\n    </div>\n  </div>\n</template>\n<script>\n\nexport default {\n  data() {\n    return {\n      activeTab: 0\n    }\n  },\n  props: {\n    tabs: {\n      type: Array,\n      // required: true,\n    },\n  },\n  methods: {\n    changeTab(index) {\n      console.log(\"tab 切换 index\", index);\n      this.activeTab = index;\n    },\n  }\n}\n</script>\n\n<style scoped lang=\"less\">\n.tabs {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  position: relative;\n}\n\n.tab-buttons {\n  width: 100%;\n  height: 3.7vh;\n  padding-left: 1.56vw;\n  padding-right: 1.56vw;\n  padding-top: 1.48vh;\n  padding-bottom: 1.48vh;\n  margin-bottom: 2.13vh;\n  // background: linear-gradient(179deg, rgba(255,255,255,0.36) 0%, rgba(255,255,255,0) 100%);\n  // background-image: url(../../images/tab-buttons.png);\n  background-size: 100% 100%;\n  border-radius: 79px 79px 79px 79px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.tab-buttons > div {\n  width: 6.87vw;\n  height: 4.44vh;\n  line-height: 4.44vh;\n  text-align: center;\n  cursor: pointer;\n  color: #f8f8f8;\n}\n\n.tab-buttons div.active {\n  background-image: url(../../images/tab-button.png);\n  background-size: 100% 100%;\n  /* background: rgba(248,248,258, 0.68); */\n  border-radius: 74px 74px 74px 74px;\n}\n</style>\n"],"mappings":"AAcA;EACAA,KAAA;IACA;MACAC,SAAA;IACA;EACA;EACAC,KAAA;IACAC,IAAA;MACAC,IAAA,EAAAC;MACA;IACA;EACA;;EACAC,OAAA;IACAC,UAAAC,KAAA;MACAC,OAAA,CAAAC,GAAA,iBAAAF,KAAA;MACA,KAAAP,SAAA,GAAAO,KAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}