{"remainingRequest":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/nodejs/codewhy/src/views/cart/childComps/CartListItem.vue?vue&type=style&index=0&id=4d1e9669&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/cart/childComps/CartListItem.vue","mtime":1607666509054},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgojc2hvcC1pdGVtIHsKICB3aWR0aDogMTAwJTsKICBkaXNwbGF5OiBmbGV4OwogIGZvbnQtc2l6ZTogMDsKICBwYWRkaW5nOiA1cHg7CiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNjY2M7Cn0KCi5pdGVtLXNlbGVjdG9yIHsKICB3aWR0aDogMTQlOwogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKfQoKLml0ZW0tdGl0bGUsIC5pdGVtLWRlc2MgewogIG92ZXJmbG93OiBoaWRkZW47CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpczsKfQoKLml0ZW0taW1nIHsKICBwYWRkaW5nOiA1cHg7CiAgLypib3JkZXI6IDFweCBzb2xpZCAjY2NjOyovCn0KCi5pdGVtLWltZyBpbWcgewogIHdpZHRoOiA4MHB4OwogIGhlaWdodDogMTAwcHg7CiAgZGlzcGxheTogYmxvY2s7CiAgYm9yZGVyLXJhZGl1czogNXB4Owp9CgouaXRlbS1pbmZvIHsKICBmb250LXNpemU6IDE3cHg7CiAgY29sb3I6ICMzMzM7CiAgcGFkZGluZzogNXB4IDEwcHg7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIG92ZXJmbG93OiBoaWRkZW47Cn0KCi5pdGVtLWluZm8gLml0ZW0tZGVzYyB7CiAgZm9udC1zaXplOiAxNHB4OwogIGNvbG9yOiAjNjY2OwogIG1hcmdpbi10b3A6IDE1cHg7Cn0KCi5pbmZvLWJvdHRvbSB7CiAgbWFyZ2luLXRvcDogMTBweDsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgYm90dG9tOiAxMHB4OwogIGxlZnQ6IDEwcHg7CiAgcmlnaHQ6IDEwcHg7Cn0KCi5pbmZvLWJvdHRvbSAuaXRlbS1wcmljZSB7CiAgY29sb3I6IG9yYW5nZXJlZDsKfQo="},{"version":3,"sources":["CartListItem.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"CartListItem.vue","sourceRoot":"src/views/cart/childComps","sourcesContent":["<template>\n  <div id=\"shop-item\">\n    <div class=\"item-selector\">\n      <CheckButton :is-check=\"itemInfo.checked\" @click.native=\"checkClick\"></CheckButton>\n    </div>\n    <div class=\"item-img\">\n      <img :src=\"itemInfo.image\" alt=\"商品图片\">\n    </div>\n    <div class=\"item-info\">\n      <div class=\"item-title\">{{itemInfo.title}}</div>\n      <div class=\"item-desc\">商品描述: {{itemInfo.desc}}</div>\n      <div class=\"info-bottom\">\n        <div class=\"item-price left\">¥{{itemInfo.price}}</div>\n        <div class=\"item-count right\">x{{itemInfo.count}}</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport CheckButton from \"@/components/content/CheckButton/CheckButton\";\n\n  export default {\n    name: \"CartListItem\",\n    components: {\n      CheckButton\n    },\n    props:{\n      itemInfo:{\n        type:Object,\n        default(){\n          return {}\n        }\n      }\n    },\n    methods:{\n      checkClick(){\n        this.itemInfo.checked=!this.itemInfo.checked\n      }\n    }\n  }\n</script>\n\n<style scoped>\n  #shop-item {\n    width: 100%;\n    display: flex;\n    font-size: 0;\n    padding: 5px;\n    border-bottom: 1px solid #ccc;\n  }\n\n  .item-selector {\n    width: 14%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .item-title, .item-desc {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .item-img {\n    padding: 5px;\n    /*border: 1px solid #ccc;*/\n  }\n\n  .item-img img {\n    width: 80px;\n    height: 100px;\n    display: block;\n    border-radius: 5px;\n  }\n\n  .item-info {\n    font-size: 17px;\n    color: #333;\n    padding: 5px 10px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .item-info .item-desc {\n    font-size: 14px;\n    color: #666;\n    margin-top: 15px;\n  }\n\n  .info-bottom {\n    margin-top: 10px;\n    position: absolute;\n    bottom: 10px;\n    left: 10px;\n    right: 10px;\n  }\n\n  .info-bottom .item-price {\n    color: orangered;\n  }\n</style>\n"]}]}