{"remainingRequest":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/nodejs/codewhy/src/views/detail/childComps/DetailBottomBar.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/detail/childComps/DetailBottomBar.vue","mtime":1607666509056},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCglleHBvcnQgZGVmYXVsdCB7CgkJbmFtZTogIkRldGFpbEJvdHRvbUJhciIsCiAgICBtZXRob2RzOiB7CiAgICAgIGFkZFRvQ2FydCgpIHsKICAgICAgICB0aGlzLiRlbWl0KCdhZGRUb0NhcnQnKQogICAgICB9CiAgICB9Cgl9Cg=="},{"version":3,"sources":["DetailBottomBar.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA;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\">购买</div>\n    </div>\n  </div>\n</template>\n\n<script>\n\texport default {\n\t\tname: \"DetailBottomBar\",\n    methods: {\n      addToCart() {\n        this.$emit('addToCart')\n      }\n    }\n\t}\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: #ffe817;\n    color: #333;\n  }\n\n  .bar-right .buy {\n    background-color: #f69;\n  }\n</style>\n"]}]}