{"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/DetailBottomBar.vue?vue&type=style&index=0&id=69b59a78&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/detail/childComps/DetailBottomBar.vue","mtime":1616337203258},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/postcss-loader/src/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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmJvdHRvbS1iYXIgewogIGhlaWdodDogNThweDsKICBwb3NpdGlvbjogZml4ZWQ7CiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKICBsZWZ0OiAwOwogIHJpZ2h0OiAwOwogIGJvdHRvbTogMDsKCiAgZGlzcGxheTogZmxleDsKICB0ZXh0LWFsaWduOiBjZW50ZXI7Cn0KCi5iYXItaXRlbSB7CiAgZmxleDogMTsKICBkaXNwbGF5OiBmbGV4Owp9CgouYmFyLWl0ZW0gPiBkaXYgewogIGZsZXg6IDE7Cn0KCi5iYXItbGVmdCAudGV4dCB7CiAgZm9udC1zaXplOiAxM3B4Owp9CgouYmFyLWxlZnQgLmljb24gewogIGRpc3BsYXk6IGJsb2NrOwogIHdpZHRoOiAyMnB4OwogIGhlaWdodDogMjJweDsKICBtYXJnaW46IDEwcHggYXV0byAzcHg7CiAgYmFja2dyb3VuZDogdXJsKCJ+YXNzZXRzL2ltZy9kZXRhaWwvZGV0YWlsX2JvdHRvbS5wbmciKSAwIDAvMTAwJTsKfQoKLmJhci1sZWZ0IC5zZXJ2aWNlIHsKICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAwIC01NHB4Owp9CgouYmFyLWxlZnQgLnNob3AgewogIGJhY2tncm91bmQtcG9zaXRpb246IDAgLTk4cHg7Cn0KCi5iYXItcmlnaHQgewogIGZvbnQtc2l6ZTogMTVweDsKICBjb2xvcjogI2ZmZjsKICBsaW5lLWhlaWdodDogNThweDsKfQoKLmJhci1yaWdodCAuY2FydCB7CiAgYmFja2dyb3VuZC1jb2xvcjogI2ZjNWE1YTsKICBjb2xvcjogI2ZmZjsKfQoKLmJhci1yaWdodCAuYnV5IHsKICBjb2xvcjogI2ZmZjsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjM2MzZjUxOwp9Cg=="},{"version":3,"sources":["DetailBottomBar.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"DetailBottomBar.vue","sourceRoot":"src/views/detail/childComps","sourcesContent":["<template>\n  <div class=\"bottom-bar\">\n    <div class=\"bar-item bar-left\">\n      <div>\n        <i class=\"icon service\"></i>\n        <span class=\"text\">客服</span>\n      </div>\n      <div>\n        <i class=\"icon shop\"></i>\n        <span class=\"text\">店铺</span>\n      </div>\n      <div>\n        <i class=\"icon select\"></i>\n        <span class=\"text\">收藏</span>\n      </div>\n    </div>\n    <div class=\"bar-item bar-right\">\n      <div class=\"cart\" @click=\"addToCart\">加入购物车</div>\n      <div class=\"buy\" @click=\"bugthing\">立刻购买</div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"DetailBottomBar\",\n  methods: {\n    addToCart() {\n      const token = window.sessionStorage.getItem(\"token\");\n      if (token) {\n        this.$emit(\"addToCart\");\n      } else {\n        this.$router.push(\"/login\");\n      }\n    },\n    bugthing() {\n      const token = window.sessionStorage.getItem(\"token\");\n      if (token) {\n        this.$emit(\"bugthing\");\n      } else {\n        this.$router.push(\"/login\");\n      }\n    }\n  }\n};\n</script>\n\n<style scoped>\n.bottom-bar {\n  height: 58px;\n  position: fixed;\n  background-color: #fff;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  display: flex;\n  text-align: center;\n}\n\n.bar-item {\n  flex: 1;\n  display: flex;\n}\n\n.bar-item > div {\n  flex: 1;\n}\n\n.bar-left .text {\n  font-size: 13px;\n}\n\n.bar-left .icon {\n  display: block;\n  width: 22px;\n  height: 22px;\n  margin: 10px auto 3px;\n  background: url(\"~assets/img/detail/detail_bottom.png\") 0 0/100%;\n}\n\n.bar-left .service {\n  background-position: 0 -54px;\n}\n\n.bar-left .shop {\n  background-position: 0 -98px;\n}\n\n.bar-right {\n  font-size: 15px;\n  color: #fff;\n  line-height: 58px;\n}\n\n.bar-right .cart {\n  background-color: #fc5a5a;\n  color: #fff;\n}\n\n.bar-right .buy {\n  color: #fff;\n  background-color: #3c3f51;\n}\n</style>\n"]}]}