{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/cart/childComps/CartListItem.vue?vue&type=style&index=0&id=4275a603&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/cart/childComps/CartListItem.vue","mtime":1616224610743},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/postcss-loader/src/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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCiNzaG9wLWl0ZW0gewogIHdpZHRoOiAxMDAlOwogIGRpc3BsYXk6IGZsZXg7CiAgZm9udC1zaXplOiAwOwogIHBhZGRpbmc6IDVweDsKICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2NjYzsKfQoKLml0ZW0tc2VsZWN0b3IgewogIHdpZHRoOiAxNCU7CiAgZGlzcGxheTogZmxleDsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9CgouaXRlbS10aXRsZSwgLml0ZW0tZGVzYyB7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOwp9CgouaXRlbS1pbWcgewogIHBhZGRpbmc6IDVweDsKICAvKmJvcmRlcjogMXB4IHNvbGlkICNjY2M7Ki8KfQoKLml0ZW0taW1nIGltZyB7CiAgd2lkdGg6IDgwcHg7CiAgaGVpZ2h0OiAxMDBweDsKICBkaXNwbGF5OiBibG9jazsKICBib3JkZXItcmFkaXVzOiA1cHg7Cn0KCi5pdGVtLWluZm8gewogIGZvbnQtc2l6ZTogMTdweDsKICBjb2xvcjogIzMzMzsKICBwYWRkaW5nOiA1cHggMTBweDsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKfQoKLml0ZW0taW5mbyAuaXRlbS1kZXNjIHsKICBmb250LXNpemU6IDE0cHg7CiAgY29sb3I6ICM2NjY7CiAgbWFyZ2luLXRvcDogMTVweDsKfQoKLmluZm8tYm90dG9tIHsKICBtYXJnaW4tdG9wOiAxMHB4OwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBib3R0b206IDEwcHg7CiAgbGVmdDogMTBweDsKICByaWdodDogMTBweDsKfQoKLmluZm8tYm90dG9tIC5pdGVtLXByaWNlIHsKICBjb2xvcjogb3JhbmdlcmVkOwp9Cg=="},{"version":3,"sources":["CartListItem.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA;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    data(){\n      return {\n        orderdata:{\n          user_id:\"\",\n          name:\"\",\n          telephone:\"\",\n          address:\"\",\n          image:\"\",\n          title:\"\",\n          desc:\"\",\n          price:\"\",\n        }\n      }\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"]}]}