{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/bigbar-start/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/bigbar-start/src/views/cart/childComps/CartListItem.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/bigbar-start/src/views/cart/childComps/CartListItem.vue","mtime":1616295331642},{"path":"/Users/linhuakun/Downloads/coderlhk/bigbar-start/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/bigbar-start/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBDaGVja0J1dHRvbiBmcm9tICJAL2NvbXBvbmVudHMvY29udGVudC9DaGVja0J1dHRvbi9DaGVja0J1dHRvbiI7CgogIGV4cG9ydCBkZWZhdWx0IHsKICAgIG5hbWU6ICJDYXJ0TGlzdEl0ZW0iLAogICAgY29tcG9uZW50czogewogICAgICBDaGVja0J1dHRvbgogICAgfSwKICAgIGRhdGEoKXsKICAgICAgcmV0dXJuIHsKICAgICAgICBpc2V4aXQ6dHJ1ZQogICAgICB9CiAgICB9LAogICAgcHJvcHM6ewogICAgICBpdGVtSW5mbzp7CiAgICAgICAgdHlwZTpPYmplY3QsCiAgICAgICAgZGVmYXVsdCgpewogICAgICAgICAgcmV0dXJuIHt9CiAgICAgICAgfQogICAgICB9CiAgICB9LAogICAgbWV0aG9kczp7CiAgICAgIHJlbW92ZSgpewogICAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnUkVNT1ZFX1RPX0RBVEEnLHRoaXMuaXRlbUluZm8uaWlkKQogICAgICAgIHRoaXMuaXNleGl0PWZhbHNlCiAgICAgIH0KICAgIH0KICB9Cg=="},{"version":3,"sources":["CartListItem.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;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\" v-if=\"this.isexit\">\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  <van-swipe-cell>\n  <van-card\n    :num=\"itemInfo.count\"\n    :price=\"itemInfo.price\"\n    :desc=\"itemInfo.desc\"\n    :title=\"itemInfo.title\"\n    class=\"goods-card\"\n    :thumb=\"itemInfo.image\"\n  />\n  <template #right>\n    <van-button square text=\"删除\" type=\"danger\" class=\"delete-button\" @click=\"remove\"/>\n  </template>\n</van-swipe-cell>\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        isexit:true\n      }\n    },\n    props:{\n      itemInfo:{\n        type:Object,\n        default(){\n          return {}\n        }\n      }\n    },\n    methods:{\n      remove(){\n        this.$store.commit('REMOVE_TO_DATA',this.itemInfo.iid)\n        this.isexit=false\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     .goods-card {\n    margin: 0;\n    background-color: #fff;\n  }\n\n  .delete-button {\n    height: 100%;\n  }\n</style>\n"]}]}