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/components/content/goods/GoodsListItem.vue?vue&type=style&index=0&id=bb2cb584&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/components/content/goods/GoodsListItem.vue","mtime":1615896264380},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmdvb2RzLWl0ZW1zIHsKICBwYWRkaW5nLWJvdHRvbTogNDBweDsKICBwb3NpdGlvbjogcmVsYXRpdmU7CgogIHdpZHRoOjQ4JTsKfQouZ29vZHMtaXRlbXMgaW1nIHsKICBoZWlnaHQ6IDE5OHB4OwogIHdpZHRoOiAxNjJweDsKfQoKLmdvb2RzLWluZm8gewogIGZvbnQtc2l6ZTogMTJweDsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgYm90dG9tOiA1cHg7CiAgbGVmdDogMDsKICByaWdodDogMDsKICBvdmVyZmxvdzogaGlkZGVuOwogIHRleHQtYWxpZ246IGNlbnRlcjsKfQoKLmdvb2RzLWluZm8gcCB7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpczsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIG1hcmdpbi1ib3R0b206IDNweDsKfQoKLmdvb2RzLWluZm8gLnByaWNlIHsKICBjb2xvcjogdmFyKC0tY29sb3ItaGlnaC10ZXh0KTsKICBtYXJnaW4tcmlnaHQ6IDIwcHg7Cn0KCi5nb29kcy1pbmZvIC5jb2xsZWN0IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KCi5nb29kcy1pbmZvIC5jb2xsZWN0OjpiZWZvcmUgewogIGNvbnRlbnQ6ICcnOwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBsZWZ0OiAtMTVweDsKICB0b3A6IDA7CiAgd2lkdGg6IDE0cHg7CiAgaGVpZ2h0OiAxNHB4OwogIGJhY2tncm91bmQ6IHVybCgifmFzc2V0cy9pbWcvY29tbW9uL2NvbGxlY3Quc3ZnIikgMCAwLzE0cHggMTRweDsKfQo="},{"version":3,"sources":["GoodsListItem.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;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\n width:48%;\n}\n.goods-items img {\n height: 198px;\n width: 162px;\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"]}]}