{"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/DetailBottomBar.vue?vue&type=style&index=0&id=0117db78&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/detail/childComps/DetailBottomBar.vue","mtime":1617716844011},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5ib3R0b20tYmFyIGltZ3sKICB3aWR0aDogMjJweDsKICBoZWlnaHQ6IDIycHg7CiAgZGlzcGxheTogYmxvY2s7CiAgbWFyZ2luOiAxMHB4IGF1dG8gM3B4Owp9CgouYm90dG9tLWJhciB7CiAgaGVpZ2h0OiA1OHB4OwogIHBvc2l0aW9uOiBmaXhlZDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwogIGxlZnQ6IDA7CiAgcmlnaHQ6IDA7CiAgYm90dG9tOiAwOwoKICBkaXNwbGF5OiBmbGV4OwogIHRleHQtYWxpZ246IGNlbnRlcjsKfQoKLmJhci1pdGVtIHsKICBmbGV4OiAxOwogIGRpc3BsYXk6IGZsZXg7Cn0KCi5iYXItaXRlbSA+IGRpdiB7CiAgZmxleDogMTsKfQoKLmJhci1sZWZ0IC50ZXh0IHsKICBmb250LXNpemU6IDEzcHg7Cn0KCi5iYXItbGVmdCAuaWNvbiB7CiAgZGlzcGxheTogYmxvY2s7CiAgd2lkdGg6IDIycHg7CiAgaGVpZ2h0OiAyMnB4OwogIG1hcmdpbjogMTBweCBhdXRvIDNweDsKICBiYWNrZ3JvdW5kOiB1cmwoIn5hc3NldHMvaW1nL2RldGFpbC9kZXRhaWxfYm90dG9tLnBuZyIpIDAgMC8xMDAlOwp9CgouYmFyLWxlZnQgLnNlcnZpY2UgewogIGJhY2tncm91bmQtcG9zaXRpb246IDAgLTU0cHg7Cn0KCi5iYXItbGVmdCAuc2hvcCB7CiAgYmFja2dyb3VuZC1wb3NpdGlvbjogMCAtOThweDsKfQoKLmJhci1yaWdodCB7CiAgZm9udC1zaXplOiAxNXB4OwogIGNvbG9yOiAjZmZmOwogIGxpbmUtaGVpZ2h0OiA1OHB4Owp9CgouYmFyLXJpZ2h0IC5jYXJ0IHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmM1YTVhOwogIGNvbG9yOiAjZmZmOwp9CgouYmFyLXJpZ2h0IC5idXkgewogIGNvbG9yOiAjZmZmOwogIGJhY2tncm91bmQtY29sb3I6ICMzYzNmNTE7Cn0K"},{"version":3,"sources":["DetailBottomBar.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA;AACA;AACA;AACA;AACA;AACA;;AAEA;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        <img  src=\"@/assets/img/detail/chat.svg\" alt=\"\">\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\n.bottom-bar img{\n  width: 22px;\n  height: 22px;\n  display: block;\n  margin: 10px auto 3px;\n}\n\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"]}]}