{"remainingRequest":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/nodejs/codewhy/src/views/category/childComps/TabMenu.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/category/childComps/TabMenu.vue","mtime":1607666509055},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/babel-loader/lib/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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCiAgaW1wb3J0IFNjcm9sbCBmcm9tICJAL2NvbXBvbmVudHMvY29tbW9uL1Njcm9sbC9TY3JvbGwiOwoKCWV4cG9ydCBkZWZhdWx0IHsKCQluYW1lOiAiVGFiTWVudSIsCiAgICBjb21wb25lbnRzOiB7CgkJICBTY3JvbGwKICAgIH0sCiAgICBwcm9wczogewoJCSAgY2F0ZWdvcmllczogQXJyYXkKICAgIH0sCiAgICBkYXRhKCkgewoJCSAgcmV0dXJuIHsKCQkgICAgY3VycmVudEluZGV4OiAwCiAgICAgIH0KICAgIH0sCiAgICBtZXRob2RzOiB7CgkJICBpdGVtQ2xpY2soaW5kZXgpIHsKICAgICAgICB0aGlzLiRzdG9yZS5zdGF0ZS5jb3VudGVyPTAKICAgICAgICB0aGlzLmN1cnJlbnRJbmRleCA9IGluZGV4CiAgICAgICAgdGhpcy4kZW1pdCgnc2VsZWN0SXRlbScsIGluZGV4KQogICAgICB9CiAgICB9CiAgfQo="},{"version":3,"sources":["TabMenu.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;AAeA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"TabMenu.vue","sourceRoot":"src/views/category/childComps","sourcesContent":["<template>\n  <scroll id=\"tab-menu\">\n    <div class=\"menu-list\">\n      <div class=\"menu-list-item\"\n           :class=\"{active: index===currentIndex}\"\n           v-for=\"(item, index) in categories\"\n           :key=\"index\"\n           @click=\"itemClick(index)\">\n        {{item.title}}\n      </div>\n    </div>\n  </scroll>\n</template>\n\n<script>\n  import Scroll from \"@/components/common/Scroll/Scroll\";\n\n\texport default {\n\t\tname: \"TabMenu\",\n    components: {\n\t\t  Scroll\n    },\n    props: {\n\t\t  categories: Array\n    },\n    data() {\n\t\t  return {\n\t\t    currentIndex: 0\n      }\n    },\n    methods: {\n\t\t  itemClick(index) {\n        this.$store.state.counter=0\n        this.currentIndex = index\n        this.$emit('selectItem', index)\n      }\n    }\n  }\n</script>\n\n<style scoped>\n  #tab-menu {\n    background-color: #f6f6f6;\n    height: 100%;\n    width: 100px;\n    box-sizing: border-box;\n  }\n\n  .menu-list-item {\n    height: 45px;\n    line-height: 45px;\n    text-align: center;\n    font-size: 14px;\n  }\n\n  .menu-list-item.active {\n    font-weight: 700;\n    color: var(--color-high-text);\n    background-color: #fff;\n    border-left: 3px solid var(--color-high-text);\n  }\n</style>\n"]}]}