jiaojiu/node_modules/.cache/vue-loader/b0ca5a0076594519e61bc4ddcfa01e9f.json

{"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=style&index=0&id=69b59a78&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/detail/childComps/DetailBottomBar.vue","mtime":1607666509056},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/postcss-loader/src/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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouYm90dG9tLWJhciB7CiAgaGVpZ2h0OiA1OHB4OwogIHBvc2l0aW9uOiBmaXhlZDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwogIGxlZnQ6IDA7CiAgcmlnaHQ6IDA7CiAgYm90dG9tOiAwOwoKICBkaXNwbGF5OiBmbGV4OwogIHRleHQtYWxpZ246IGNlbnRlcjsKfQoKLmJhci1pdGVtIHsKICBmbGV4OiAxOwogIGRpc3BsYXk6IGZsZXg7Cn0KCi5iYXItaXRlbT5kaXYgewogIGZsZXg6IDE7Cn0KCi5iYXItbGVmdCAudGV4dCB7CiAgZm9udC1zaXplOiAxM3B4Owp9CgouYmFyLWxlZnQgLmljb24gewogIGRpc3BsYXk6IGJsb2NrOwogIHdpZHRoOiAyMnB4OwogIGhlaWdodDogMjJweDsKICBtYXJnaW46IDEwcHggYXV0byAzcHg7CiAgYmFja2dyb3VuZDogdXJsKCJ+YXNzZXRzL2ltZy9kZXRhaWwvZGV0YWlsX2JvdHRvbS5wbmciKSAwIDAvMTAwJTsKfQoKLmJhci1sZWZ0IC5zZXJ2aWNlIHsKICBiYWNrZ3JvdW5kLXBvc2l0aW9uOjAgLTU0cHg7Cn0KCi5iYXItbGVmdCAuc2hvcCB7CiAgYmFja2dyb3VuZC1wb3NpdGlvbjowIC05OHB4Owp9CgouYmFyLXJpZ2h0IHsKICBmb250LXNpemU6IDE1cHg7CiAgY29sb3I6ICNmZmY7CiAgbGluZS1oZWlnaHQ6IDU4cHg7Cn0KCi5iYXItcmlnaHQgLmNhcnQgewogIGJhY2tncm91bmQtY29sb3I6ICNmZmU4MTc7CiAgY29sb3I6ICMzMzM7Cn0KCi5iYXItcmlnaHQgLmJ1eSB7CiAgYmFja2dyb3VuZC1jb2xvcjogI2Y2OTsKfQo="},{"version":3,"sources":["DetailBottomBar.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA;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","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"]}]}