{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/codewhy/src/components/content/tabControl/TabControl.vue?vue&type=style&index=0&id=b4aee1ce&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/components/content/tabControl/TabControl.vue","mtime":1607925374528},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/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"]}]}