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
3.1 KiB
1 line
3.1 KiB
{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/category/childComps/TabMenu.vue?vue&type=style&index=0&id=99cffa4c&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/category/childComps/TabMenu.vue","mtime":1607666509055},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgojdGFiLW1lbnUgewogIGJhY2tncm91bmQtY29sb3I6ICNmNmY2ZjY7CiAgaGVpZ2h0OiAxMDAlOwogIHdpZHRoOiAxMDBweDsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9CgoubWVudS1saXN0LWl0ZW0gewogIGhlaWdodDogNDVweDsKICBsaW5lLWhlaWdodDogNDVweDsKICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgZm9udC1zaXplOiAxNHB4Owp9CgoubWVudS1saXN0LWl0ZW0uYWN0aXZlIHsKICBmb250LXdlaWdodDogNzAwOwogIGNvbG9yOiB2YXIoLS1jb2xvci1oaWdoLXRleHQpOwogIGJhY2tncm91bmQtY29sb3I6ICNmZmY7CiAgYm9yZGVyLWxlZnQ6IDNweCBzb2xpZCB2YXIoLS1jb2xvci1oaWdoLXRleHQpOwp9Cg=="},{"version":3,"sources":["TabMenu.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;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"]}]} |