You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
2.7 KiB
1 line
2.7 KiB
{"remainingRequest":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/nodejs/codewhy/src/components/content/tabControl/TabControl.vue?vue&type=style&index=0&id=b4aee1ce&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/components/content/tabControl/TabControl.vue","mtime":1607925374528},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoudGFiLWNvbnRyb2x7CiAgZGlzcGxheTogZmxleDsKICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgZm9udC1zaXplOiAxNXB4OwogIGhlaWdodDogNDBweDsKICBsaW5lLWhlaWdodDogNDBweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwogIHBvc2l0aW9uOiByZWxhdGl2ZTsKfQoudGFiLWNvbnRyb2wtaXRlbXsKICBmbGV4OjE7Cn0KLnRhYi1jb250cm9sLWl0ZW0gc3BhbnsKICBwYWRkaW5nOiA1cHg7Cn0KCi5hY3RpdmUgc3BhbnsKICBib3JkZXItYm90dG9tOiAzcHggc29saWQgdmFyKC0tY29sb3ItdGludCk7Cn0K"},{"version":3,"sources":["TabControl.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"TabControl.vue","sourceRoot":"src/components/content/tabControl","sourcesContent":["<template>\n<div class=\"tab-control\">\n <div v-for=\"(item,index) in titles\"\n class=\"tab-control-item\" :key=index :class=\"{active:index===currentIndex}\" @click=\"itemclick(index)\">\n <span>{{item}}</span>\n </div>\n</div>\n</template>\n\n<script>\nexport default {\n name: \"TabControl\",\n props:{\n titles:{\n type:Array,\n default(){\n return []\n }\n }\n },\n data(){\n return{\n currentIndex:0\n }\n },\n methods:{\n itemclick(index){\n this.currentIndex=index;\n this.$emit('tabClick',index);\n }\n }\n}\n</script>\n\n<style scoped>\n.tab-control{\n display: flex;\n text-align: center;\n font-size: 15px;\n height: 40px;\n line-height: 40px;\n background-color: #fff;\n position: relative;\n}\n.tab-control-item{\n flex:1;\n}\n.tab-control-item span{\n padding: 5px;\n}\n\n.active span{\n border-bottom: 3px solid var(--color-tint);\n}\n</style>\n"]}]} |