{"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=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/components/common/tabbar/TabBarItem.vue","mtime":1608814668809},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiVGFiQmFySXRlbSIsCiAgcHJvcHM6ewogICAgcGF0aDpTdHJpbmcsCiAgICBhY3RpdmVDb2xvcjp7CiAgICAgIHR5cGU6U3RyaW5nLAogICAgICBkZWZhdWx0OidyZWQnCiAgICB9CiAgfSwKICBkYXRhKCl7CiAgICByZXR1cm57CiAgICAgIC8vIGlzQWN0aXZlOnRydWUKICAgIH0KICB9LAogIGNvbXB1dGVkOnsKICAgIGlzQWN0aXZlKCl7CiAgICAgIHJldHVybiB0aGlzLiRyb3V0ZS5wYXRoLmluZGV4T2YodGhpcy5wYXRoKSE9PS0xCiAgICB9LAogICAgYWN0aXZlU3R5bGUoKXsKICAgICAgcmV0dXJuIHRoaXMuaXNBY3RpdmUgPyB7Y29sb3I6dGhpcy5hY3RpdmVDb2xvcn0gOiB7fQogICAgfQogIH0sCiAgbWV0aG9kczp7CiAgICBpdGVtQ2xpY2soKXsKICAgICAgdGhpcy4kcm91dGVyLnJlcGxhY2UodGhpcy5wYXRoKQogICAgfQogIH0KfQo="},{"version":3,"sources":["TabBarItem.vue"],"names":[],"mappings":";;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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"]}]}