{"remainingRequest":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/nodejs/codewhy/src/views/detail/childComps/DetailNewBar.vue?vue&type=style&index=0&id=452c0fa7&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/detail/childComps/DetailNewBar.vue","mtime":1607666509057},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLnRpdGxlewogIGRpc3BsYXk6IGZsZXg7CiAgZm9udC1zaXplOiAxM3B4Owp9Ci50aXRsZS1pdGVtewogIGZsZXg6MTsKfQouYWN0aXZlewogIGNvbG9yOiB2YXIoLS1jb2xvci1oaWdoLXRleHQpOwp9Ci5iYWNrIGltZ3sKICBtYXJnaW4tdG9wOiAxMnB4Owp9Cg=="},{"version":3,"sources":["DetailNewBar.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA;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}\" @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;\n  font-size: 13px;\n}\n.title-item{\n  flex:1;\n}\n.active{\n  color: var(--color-high-text);\n}\n.back img{\n  margin-top: 12px;\n}\n</style>\n"]}]}