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.7 KiB
1 line
4.7 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=style&index=0&id=64c6c3a0&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/order/childComps/OrderListItem.vue","mtime":1616231328768},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCiNzaG9wLWl0ZW0gewogIHdpZHRoOiAxMDAlOwogIGRpc3BsYXk6IGZsZXg7CiAgZm9udC1zaXplOiAwOwogIHBhZGRpbmc6IDVweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwp9CgouaXRlbS1zZWxlY3RvciB7CiAgd2lkdGg6IDE0JTsKICBkaXNwbGF5OiBmbGV4OwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KCi5pdGVtLXRpdGxlLCAuaXRlbS1kZXNjIHsKICBvdmVyZmxvdzogaGlkZGVuOwogIHdoaXRlLXNwYWNlOiBub3dyYXA7CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7Cn0KCi5pdGVtLWltZyB7CiAgcGFkZGluZzogNXB4OwogIC8qYm9yZGVyOiAxcHggc29saWQgI2NjYzsqLwp9CgouaXRlbS1pbWcgaW1nIHsKICB3aWR0aDogODBweDsKICBoZWlnaHQ6IDEwMHB4OwogIGRpc3BsYXk6IGJsb2NrOwogIGJvcmRlci1yYWRpdXM6IDVweDsKfQoKLml0ZW0taW5mbyB7CiAgZm9udC1zaXplOiAxN3B4OwogIGNvbG9yOiAjMzMzOwogIHBhZGRpbmc6IDVweCAxMHB4OwogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICBvdmVyZmxvdzogaGlkZGVuOwp9CgouaXRlbS1pbmZvIC5pdGVtLWRlc2MgewogIGZvbnQtc2l6ZTogMTRweDsKICBjb2xvcjogIzY2NjsKICBtYXJnaW4tdG9wOiAxNXB4Owp9CgouaW5mby1ib3R0b20gewogIG1hcmdpbi10b3A6IDEwcHg7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGJvdHRvbTogMTBweDsKICBsZWZ0OiAxMHB4OwogIHJpZ2h0OiAxMHB4Owp9CgouaW5mby1ib3R0b20gLml0ZW0tcHJpY2UgewogIGNvbG9yOiBvcmFuZ2VyZWQ7Cn0K"},{"version":3,"sources":["OrderListItem.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA;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":"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"]}]} |