{"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/views/detail/childComps/DetailNewBar.vue?vue&type=style&index=0&id=452c0fa7&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/detail/childComps/DetailNewBar.vue","mtime":1618202171686},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/postcss-loader/src/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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoudGl0bGV7CiAgZGlzcGxheTogZmxleCAhaW1wb3J0YW50OzsKICBmb250LXNpemU6IDEzcHggIWltcG9ydGFudDs7Cn0KLnRpdGxlLWl0ZW17CiAgZmxleDoxICFpbXBvcnRhbnQ7OwogIHotaW5kZXg6IDEwMCAhaW1wb3J0YW50OzsKfQouYWN0aXZlewogIGNvbG9yOiAjZmM1YTVhICFpbXBvcnRhbnQ7Owp9CgouYmFjayB7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIHdpZHRoOiAzMHB4OwogIGhlaWdodDogMzBweDsKICBsZWZ0OjEwcHg7CiAgdG9wOiA1MCU7CiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgLTUwJSk7Cn0K"},{"version":3,"sources":["DetailNewBar.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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/home/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: #fc5a5a !important;;\n}\n\n.back {\n  position: relative;\n  width: 30px;\n  height: 30px;\n  left:10px;\n  top: 50%;\n  transform: translate(0, -50%);\n}\n</style>\n"]}]}