You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
4.0 KiB

{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/order/childComps/OrderListItem.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/order/childComps/OrderListItem.vue","mtime":1616231328768},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/thread-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/babel-loader/lib/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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCgpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIkNhcnRMaXN0SXRlbSIsCiAgY29tcG9uZW50czogewogIH0sCiAgZGF0YSgpewogICAgcmV0dXJuIHsKICAgICAgb3JkZXJkYXRhOnsKICAgICAgICBuYW1lOiIiLAogICAgICAgIHRlbGVwaG9uZToiIiwKICAgICAgICBhZGRyZXNzOiIiLAogICAgICAgIGltYWdlOiIiLAogICAgICAgIHRpdGxlOiIiLAogICAgICAgIGRlc2M6IiIsCiAgICAgICAgcHJpY2U6IiIsCiAgICAgIH0KICAgIH0KICB9LAogIHByb3BzOnsKICAgIGl0ZW1JbmZvOnsKICAgICAgdHlwZTpPYmplY3QsCiAgICAgIGRlZmF1bHQoKXsKICAgICAgICByZXR1cm4ge30KICAgICAgfQogICAgfQogIH0sCiAgbWV0aG9kczp7CiAgICBjaGVja0NsaWNrKCl7CiAgICAgIHRoaXMuaXRlbUluZm8uY2hlY2tlZD0hdGhpcy5pdGVtSW5mby5jaGVja2VkCiAgICB9CiAgfQp9Cg=="},{"version":3,"sources":["OrderListItem.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;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":"OrderListItem.vue","sourceRoot":"src/views/order/childComps","sourcesContent":["<template>\n <div id=\"shop-item\">\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>\n\n export default {\n name: \"CartListItem\",\n components: {\n },\n data(){\n return {\n orderdata:{\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 background-color: #fff;\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"]}]}