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.8 KiB
1 line
2.8 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=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/components/common/tabbar/TabBarItem.vue","mtime":1608450972426},{"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"]}]} |