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.4 KiB
1 line
3.4 KiB
{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/codewhy/src/components/content/goods/GoodsListItem.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/components/content/goods/GoodsListItem.vue","mtime":1616239689579},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmV4cG9ydCBkZWZhdWx0IHsKbmFtZTogIkdvb2RzTGlzdEl0ZW0iLAogIHByb3BzOnsKICAgIGdvb2RzSXRlbTp7CiAgICAgIHR5cGU6T2JqZWN0LAogICAgICBkZWZhdWx0KCl7CiAgICAgICAgcmV0dXJuIHt9CiAgICAgIH0KICAgIH0KICB9LAogIG1ldGhvZHM6ewogIGltYWdlTG9hZCgpewogICAgdGhpcy4kYnVzLiRlbWl0KCdpdGVtSW1hZ2VMb2FkJykKICB9LAogICAgaXRlbUNsaWNrKCl7CiAgICAgIHRoaXMuJHJvdXRlci5wdXNoKCcvZGV0YWlsLycrdGhpcy5nb29kc0l0ZW0uaWQpCiAgICB9CiAgfSwKICBjb21wdXRlZDp7CiAgc2hvd0ltYWdlKCl7CiAgICByZXR1cm4gdGhpcy5nb29kc0l0ZW0uc2hvd0xhcmdlLmltZ3x8dGhpcy5nb29kc0l0ZW0uc2hvd0xhcmdlLmltYWdlIHx8IHRoaXMuZ29vZHNJdGVtLnNob3dMYXJnZS5zaG93LmltZwogIH0KICB9Cn0K"},{"version":3,"sources":["GoodsListItem.vue"],"names":[],"mappings":";;;;;;;;;;;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"GoodsListItem.vue","sourceRoot":"src/components/content/goods","sourcesContent":["<template>\n <div class=\"goods-items\" @click=\"itemClick\">\n <img v-lazy=\"showImage\" alt=\"\" @load=\"imageLoad\" width=\"162px\" height=\"198px\">\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.id)\n }\n },\n computed:{\n showImage(){\n return this.goodsItem.showLarge.img||this.goodsItem.showLarge.image || this.goodsItem.showLarge.show.img\n }\n }\n}\n</script>\n\n<style scoped>\n.goods-items {\n padding-bottom: 40px;\n position: relative;\n width:48%;\n}\n.goods-items img {\n margin:0 auto;\n height: 198px;\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"]}]} |