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.6 KiB
1 line
2.6 KiB
{"remainingRequest":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/nodejs/codewhy/src/components/common/tabbar/TabBarItem.vue?vue&type=style&index=0&id=26fa84ce&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/components/common/tabbar/TabBarItem.vue","mtime":1609338404936},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi50YWItYmFyLWl0ZW17CiAgZmxleDoxOwogIHRleHQtYWxpZ246IGNlbnRlcjsKICBoZWlnaHQ6IDQ5cHg7Cn0KLnRhYi1iYXItaXRlbSBpbWd7CiAgd2lkdGg6MjRweDsKICBoZWlnaHQ6MjRweDsKICBtYXJnaW4tdG9wOiAzcHg7CiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsKICBtYXJnaW4tYm90dG9tOiAycHg7Cn0K"},{"version":3,"sources":["TabBarItem.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"TabBarItem.vue","sourceRoot":"src/components/common/tabbar","sourcesContent":["<template>\n <div class=\"tab-bar-item\" @click=\"itemClick\">\n <div v-if=\"!isActive\"><slot name=\"item-icon\"></slot></div>\n <div v-else><slot name=\"item-icon-active\"></slot></div>\n <div :style=\"activeStyle\"><slot name=\"item-text\"></slot></div>\n </div>\n</template>\n\n<script>\nexport default {\n name: \"TabBarItem\",\n props:{\n path:String,\n activeColor:{\n type:String,\n default:'black'\n }\n },\n data(){\n return{\n // isActive:true\n }\n },\n computed:{\n isActive(){\n return this.$route.path.indexOf(this.path)!==-1\n },\n activeStyle(){\n return this.isActive ? {color:this.activeColor} : {}\n }\n },\n methods:{\n itemClick(){\n this.$router.replace(this.path)\n }\n }\n}\n</script>\n\n<style scoped>\n.tab-bar-item{\n flex:1;\n text-align: center;\n height: 49px;\n}\n.tab-bar-item img{\n width:24px;\n height:24px;\n margin-top: 3px;\n vertical-align: middle;\n margin-bottom: 2px;\n}\n</style>\n"]}]} |