{"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=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/detail/childComps/DetailBottomBar.vue","mtime":1616337203258},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/babel-loader/lib/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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiRGV0YWlsQm90dG9tQmFyIiwKICBtZXRob2RzOiB7CiAgICBhZGRUb0NhcnQoKSB7CiAgICAgIGNvbnN0IHRva2VuID0gd2luZG93LnNlc3Npb25TdG9yYWdlLmdldEl0ZW0oInRva2VuIik7CiAgICAgIGlmICh0b2tlbikgewogICAgICAgIHRoaXMuJGVtaXQoImFkZFRvQ2FydCIpOwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMuJHJvdXRlci5wdXNoKCIvbG9naW4iKTsKICAgICAgfQogICAgfSwKICAgIGJ1Z3RoaW5nKCkgewogICAgICBjb25zdCB0b2tlbiA9IHdpbmRvdy5zZXNzaW9uU3RvcmFnZS5nZXRJdGVtKCJ0b2tlbiIpOwogICAgICBpZiAodG9rZW4pIHsKICAgICAgICB0aGlzLiRlbWl0KCJidWd0aGluZyIpOwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMuJHJvdXRlci5wdXNoKCIvbG9naW4iKTsKICAgICAgfQogICAgfQogIH0KfTsK"},{"version":3,"sources":["DetailBottomBar.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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"]}]}