| 1 |
- {"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: 7.4vh;\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":[]}
|
