{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/components/common/tabbar/TabBarItem.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/components/common/tabbar/TabBarItem.vue","mtime":1609338404936},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiVGFiQmFySXRlbSIsCiAgcHJvcHM6ewogICAgcGF0aDpTdHJpbmcsCiAgICBhY3RpdmVDb2xvcjp7CiAgICAgIHR5cGU6U3RyaW5nLAogICAgICBkZWZhdWx0OidibGFjaycKICAgIH0KICB9LAogIGRhdGEoKXsKICAgIHJldHVybnsKICAgICAgLy8gaXNBY3RpdmU6dHJ1ZQogICAgfQogIH0sCiAgY29tcHV0ZWQ6ewogICAgaXNBY3RpdmUoKXsKICAgICAgcmV0dXJuIHRoaXMuJHJvdXRlLnBhdGguaW5kZXhPZih0aGlzLnBhdGgpIT09LTEKICAgIH0sCiAgICBhY3RpdmVTdHlsZSgpewogICAgICByZXR1cm4gdGhpcy5pc0FjdGl2ZSA/IHtjb2xvcjp0aGlzLmFjdGl2ZUNvbG9yfSA6IHt9CiAgICB9CiAgfSwKICBtZXRob2RzOnsKICAgIGl0ZW1DbGljaygpewogICAgICB0aGlzLiRyb3V0ZXIucmVwbGFjZSh0aGlzLnBhdGgpCiAgICB9CiAgfQp9Cg=="},{"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:'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"]}]}