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
3.9 KiB

{"remainingRequest":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/babel-loader/lib/index.js!/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/nodejs/codewhy/src/components/content/goods/GoodsListItem.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/components/content/goods/GoodsListItem.vue","mtime":1607666509050},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJHb29kc0xpc3RJdGVtIiwKICBwcm9wczogewogICAgZ29vZHNJdGVtOiB7CiAgICAgIHR5cGU6IE9iamVjdCwKICAgICAgZGVmYXVsdDogZnVuY3Rpb24gX2RlZmF1bHQoKSB7CiAgICAgICAgcmV0dXJuIHt9OwogICAgICB9CiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICBpbWFnZUxvYWQ6IGZ1bmN0aW9uIGltYWdlTG9hZCgpIHsKICAgICAgdGhpcy4kYnVzLiRlbWl0KCdpdGVtSW1hZ2VMb2FkJyk7CiAgICB9LAogICAgaXRlbUNsaWNrOiBmdW5jdGlvbiBpdGVtQ2xpY2soKSB7CiAgICAgIHRoaXMuJHJvdXRlci5wdXNoKCcvZGV0YWlsLycgKyB0aGlzLmdvb2RzSXRlbS5paWQpOwogICAgfQogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIHNob3dJbWFnZTogZnVuY3Rpb24gc2hvd0ltYWdlKCkgewogICAgICByZXR1cm4gdGhpcy5nb29kc0l0ZW0uaW1nIHx8IHRoaXMuZ29vZHNJdGVtLmltYWdlIHx8IHRoaXMuZ29vZHNJdGVtLnNob3cuaW1nOwogICAgfQogIH0KfTs="},{"version":3,"sources":["GoodsListItem.vue"],"names":[],"mappings":";;;;;;;;;;;AAYA,eAAA;AACA,EAAA,IAAA,EAAA,eADA;AAEA,EAAA,KAAA,EAAA;AACA,IAAA,SAAA,EAAA;AACA,MAAA,IAAA,EAAA,MADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA;AADA,GAFA;AAUA,EAAA,OAAA,EAAA;AACA,IAAA,SADA,uBACA;AACA,WAAA,IAAA,CAAA,KAAA,CAAA,eAAA;AACA,KAHA;AAIA,IAAA,SAJA,uBAIA;AACA,WAAA,OAAA,CAAA,IAAA,CAAA,aAAA,KAAA,SAAA,CAAA,GAAA;AACA;AANA,GAVA;AAkBA,EAAA,QAAA,EAAA;AACA,IAAA,SADA,uBACA;AACA,aAAA,KAAA,SAAA,CAAA,GAAA,IAAA,KAAA,SAAA,CAAA,KAAA,IAAA,KAAA,SAAA,CAAA,IAAA,CAAA,GAAA;AACA;AAHA;AAlBA,CAAA","sourcesContent":["<template>\n <div class=\"goods-items\" @click=\"itemClick\">\n <img v-lazy=\"showImage\" alt=\"\" @load=\"imageLoad\">\n <div class=\"goods-info\">\n <p>{{goodsItem.title}}</p>\n <span class=\"price\">{{goodsItem.price}}</span>\n <span class=\"collect\">{{goodsItem.cfav}}</span>\n </div>\n </div>\n</template>\n\n<script>\nexport default {\nname: \"GoodsListItem\",\n props:{\n goodsItem:{\n type:Object,\n default(){\n return {}\n }\n }\n },\n methods:{\n imageLoad(){\n this.$bus.$emit('itemImageLoad')\n },\n itemClick(){\n this.$router.push('/detail/'+this.goodsItem.iid)\n }\n },\n computed:{\n showImage(){\n return this.goodsItem.img||this.goodsItem.image || this.goodsItem.show.img\n }\n }\n}\n</script>\n\n<style scoped>\n.goods-items {\n padding-bottom: 40px;\n position: relative;\n\n width:48%;\n}\n.goods-items img {\n width: 100%;\n}\n\n.goods-info {\n font-size: 12px;\n position: absolute;\n bottom: 5px;\n left: 0;\n right: 0;\n overflow: hidden;\n text-align: center;\n}\n\n.goods-info p {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-bottom: 3px;\n}\n\n.goods-info .price {\n color: var(--color-high-text);\n margin-right: 20px;\n}\n\n.goods-info .collect {\n position: relative;\n}\n\n.goods-info .collect::before {\n content: '';\n position: absolute;\n left: -15px;\n top: 0;\n width: 14px;\n height: 14px;\n background: url(\"~assets/img/common/collect.svg\") 0 0/14px 14px;\n}\n</style>\n"],"sourceRoot":"src/components/content/goods"}]}