1 line
2.4 KiB
JSON
1 line
2.4 KiB
JSON
{"ast":null,"code":"import { serverList } from '@/utils/serverMap';\nexport default {\n name: \"tabBar\",\n data() {\n return {\n serverList: serverList\n };\n },\n props: {\n activeTab: {\n type: Number,\n default: 0\n }\n }\n};","map":{"version":3,"names":["serverList","name","data","props","activeTab","type","Number","default"],"sources":["src/components/tabBar.vue"],"sourcesContent":["<template>\r\n <div class=\"tab_content\">\r\n <div class=\"top_line\"></div>\r\n <div class=\"tab_wrap\">\r\n <div v-for=\"(item, index) in serverList\" class=\"tab_item\" :class=\"{ 'tab_active': index == activeTab }\">\r\n {{ item.serverName }}\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import { serverList } from '@/utils/serverMap'\r\n export default {\r\n name: \"tabBar\",\r\n data() {\r\n return {\r\n serverList: serverList\r\n }\r\n },\r\n props: {\r\n activeTab: {\r\n type: Number,\r\n default: 0\r\n }\r\n }\r\n }\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n .tab_content {\r\n background: #FAFAFA;\r\n padding-top: 10px;\r\n .top_line {\r\n width: 34px;\r\n height: 3px;\r\n background: #9FA5B4;\r\n border-radius: 3px;\r\n opacity: 0.19;\r\n margin: 0 auto;\r\n }\r\n .tab_wrap {\r\n padding-top: 10px;\r\n display: flex;\r\n border-bottom: 1px solid #F1F2F5;\r\n .tab_item {\r\n flex: 1;\r\n padding: 10px 0;\r\n text-align: center;\r\n font-size: 15px;\r\n color: rgba(0, 0, 0, 0.4);\r\n font-weight: 500;\r\n }\r\n .tab_active {\r\n position: relative;\r\n font-weight: 600;\r\n color: #3678FF;\r\n }\r\n .tab_active:after {\r\n display: inline-block;\r\n content: '';\r\n width: 18px;\r\n height: 3px;\r\n background: linear-gradient(270deg, #33A3FF 0%, #176AFE 100%);\r\n border-radius: 2px;\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n }\r\n }\r\n</style>\r\n"],"mappings":"AAYA,SAAAA,UAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACA;MACAF,UAAA,EAAAA;IACA;EACA;EACAG,KAAA;IACAC,SAAA;MACAC,IAAA,EAAAC,MAAA;MACAC,OAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]} |