{"remainingRequest":"/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=style&index=0&id=6fbca6b8&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/components/content/goods/GoodsListItem.vue","mtime":1607666509050},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/postcss-loader/src/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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmdvb2RzLWl0ZW1zIHsKICBwYWRkaW5nLWJvdHRvbTogNDBweDsKICBwb3NpdGlvbjogcmVsYXRpdmU7CgogIHdpZHRoOjQ4JTsKfQouZ29vZHMtaXRlbXMgaW1nIHsKICB3aWR0aDogMTAwJTsKfQoKLmdvb2RzLWluZm8gewogIGZvbnQtc2l6ZTogMTJweDsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgYm90dG9tOiA1cHg7CiAgbGVmdDogMDsKICByaWdodDogMDsKICBvdmVyZmxvdzogaGlkZGVuOwogIHRleHQtYWxpZ246IGNlbnRlcjsKfQoKLmdvb2RzLWluZm8gcCB7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpczsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIG1hcmdpbi1ib3R0b206IDNweDsKfQoKLmdvb2RzLWluZm8gLnByaWNlIHsKICBjb2xvcjogdmFyKC0tY29sb3ItaGlnaC10ZXh0KTsKICBtYXJnaW4tcmlnaHQ6IDIwcHg7Cn0KCi5nb29kcy1pbmZvIC5jb2xsZWN0IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7Cn0KCi5nb29kcy1pbmZvIC5jb2xsZWN0OjpiZWZvcmUgewogIGNvbnRlbnQ6ICcnOwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBsZWZ0OiAtMTVweDsKICB0b3A6IDA7CiAgd2lkdGg6IDE0cHg7CiAgaGVpZ2h0OiAxNHB4OwogIGJhY2tncm91bmQ6IHVybCgifmFzc2V0cy9pbWcvY29tbW9uL2NvbGxlY3Quc3ZnIikgMCAwLzE0cHggMTRweDsKfQo="},{"version":3,"sources":["GoodsListItem.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA;AACA;AACA;;AAEA;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\">\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"]}]}