{"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":1607666509048},{"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:'red'\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"]}]}