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
3.1 KiB

{"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"]}]}