{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/detail/childComps/DetailNewBar.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/detail/childComps/DetailNewBar.vue","mtime":1615908855840},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBOYXZCYXIgZnJvbSAiQC9jb21wb25lbnRzL2NvbW1vbi9uYXZiYXIvTmF2QmFyIjsKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiRGV0YWlsTmV3QmFyIiwKICBjb21wb25lbnRzOiB7CiAgICBOYXZCYXIKICB9LAogIGRhdGEoKXsKICAgIHJldHVybnsKICAgICAgdGl0bGVzOlsn5ZWG5ZOBJywn6K+E6K66Jywn6K+m57uGJywn5o+Q56S6J10sCiAgICAgIGN1cnJlbnRJbmRleDowLAogICAgfQogIH0sCiAgbWV0aG9kczp7CiAgICB0aXRsZUNsaWNrKGluZGV4KXsKICAgICAgdGhpcy5jdXJyZW50SW5kZXg9aW5kZXg7CiAgICAgIHRoaXMuJGVtaXQoJ3RpdGxlQ2xpY2snLGluZGV4KQogICAgfSwKICAgIGJhY2tDbGljaygpewogICAgICB0aGlzLiRyb3V0ZXIuYmFjaygpCiAgICB9CiAgfQp9Cg=="},{"version":3,"sources":["DetailNewBar.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAkBA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"DetailNewBar.vue","sourceRoot":"src/views/detail/childComps","sourcesContent":["<template>\n  <nav-bar>\n    <div slot=\"left\" class=\"back\" @click=\"backClick\">\n      <img src=\"~assets/img/common/back.svg\" alt=\"\">\n    </div>\n    <div slot=\"center\" class=\"title\">\n      <div v-for=\"(item,index) in titles\"\n           class=\"title-item\"\n           :class=\"{active:index===currentIndex}\" \n           :key=\"index\"\n           @click=\"titleClick(index)\">\n        {{item}}\n      </div>\n    </div>\n  </nav-bar>\n</template>\n\n<script>\nimport NavBar from \"@/components/common/navbar/NavBar\";\n\nexport default {\n  name: \"DetailNewBar\",\n  components: {\n    NavBar\n  },\n  data(){\n    return{\n      titles:['商品','评论','详细','提示'],\n      currentIndex:0,\n    }\n  },\n  methods:{\n    titleClick(index){\n      this.currentIndex=index;\n      this.$emit('titleClick',index)\n    },\n    backClick(){\n      this.$router.back()\n    }\n  }\n}\n</script>\n\n<style scoped>\n.title{\n  display: flex !important;;\n  font-size: 13px !important;;\n}\n.title-item{\n  flex:1 !important;;\n  z-index: 100 !important;;\n}\n.active{\n  color: #f53b57 !important;;\n}\n.back img{\n  margin-top: 12px !important;;\n}\n</style>\n"]}]}