{"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=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/cart/childComps/CartListItem.vue","mtime":1607666509054},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBDaGVja0J1dHRvbiBmcm9tICJAL2NvbXBvbmVudHMvY29udGVudC9DaGVja0J1dHRvbi9DaGVja0J1dHRvbiI7CgogIGV4cG9ydCBkZWZhdWx0IHsKICAgIG5hbWU6ICJDYXJ0TGlzdEl0ZW0iLAogICAgY29tcG9uZW50czogewogICAgICBDaGVja0J1dHRvbgogICAgfSwKICAgIHByb3BzOnsKICAgICAgaXRlbUluZm86ewogICAgICAgIHR5cGU6T2JqZWN0LAogICAgICAgIGRlZmF1bHQoKXsKICAgICAgICAgIHJldHVybiB7fQogICAgICAgIH0KICAgICAgfQogICAgfSwKICAgIG1ldGhvZHM6ewogICAgICBjaGVja0NsaWNrKCl7CiAgICAgICAgdGhpcy5pdGVtSW5mby5jaGVja2VkPSF0aGlzLml0ZW1JbmZvLmNoZWNrZWQKICAgICAgfQogICAgfQogIH0K"},{"version":3,"sources":["CartListItem.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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"]}]}