{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/components/content/goods/GoodsListItem.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/components/content/goods/GoodsListItem.vue","mtime":1616239689579},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/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"]}]}