card.js 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. exports.ids = [3];
  2. exports.modules = {
  3. /***/ 149:
  4. /***/ (function(module, exports) {
  5. // Exports
  6. module.exports = {
  7. };
  8. /***/ }),
  9. /***/ 152:
  10. /***/ (function(module, exports) {
  11. module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI+SURBVHgB7ZjrUcMwDIAVjv+wAR6hG5ANYIOGCcgGzQgwQdMJgAmaTtAwQbJB0wmEhB3i+OLEefRxXL47XQO2ZdWSJaUAMzOXxYORIKKgD2EZLjzPS+FSkHFb7GZNcg/nhjYN0J0IBnILw1lqz18khTHOp/aknhdwbgz3ioZxoY0nMJAbuHKcXUyn8Ax1VwntOaTxJheXPBhxmNPtjmEq0O229mULU8Anh6fD79rfxcW6q2KSHYzDhyoDiK7JfdPMbmzs0Knxx9J1/v+5xV2oeOKbfkeyoZNOYAJGGYiyxr6ShFCPVS6DOciYZWNzGEhvF7NRJKFKEweSyDCuRKixDGWaCvAUTQPWmwLe6GBJGYkynOenljm8dq/9HcAY1GnFaIc3jJryGcpazGuzlvVrbKjjrsatWoxK0CHJarqeO77oCvqAzb1e6cLBcaRO1RYCfh9FkeEG98X9jP3Q9oma5tlusd6ZHKfKaToq9Ry1f+XOi1Fejr+YgxOB9Qsk+qw1WywfJoZ0LjT9e9u8tkStdy0+TE+oPW+gL1h/pzjg0Hxl1525uNdaizmIaeE7yAsz9cs363wB2VwUY2r1xWn96QOrFuoRZEMgQKYDlm+Sz7YUpJJ6oNb7UG8q2Cu7Lh2NSlGWOVtTYJKhrA4LFVssPsnbAB3CxcDIooQ3y3E45foU7YavXU+wpKy/wpizUN84w25+Gws0ajhWdVnX4Zv2eBYjOUelLrGBVZzqL/U5yBiLSUfhqoPmhjAzc2X8ANlXpn4kNgy3AAAAAElFTkSuQmCC"
  12. /***/ }),
  13. /***/ 153:
  14. /***/ (function(module, exports) {
  15. module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIuSURBVHgB7ViBVcIwEL36HIANzAY6QkfACewGsgHdgDIBbGA3ACcQJyhOgBucd3LBcC9JU8Di8/W/91+lTe5+7idpI8CAAQOiyOBKQMQRXXLiA/FObn8QN8R1lmWf0DdYFHFCXGEcDfEJ+oIImxJ32A35bSBgTpcp7MvPVnC5N3JlG7b2N1mxiQmjyzNxInEsOM47sSauOR5bKu0L4kzajTNPUBZWQjdshTbxVgb3pITx/TlxGZpjlN/QpZGfc/2wUCVeEytiTdycYJEF9yulQlFQm6XTb6wtfnD+rmmUj54AnMQo2qlwr5rzdFgSq5RVKe7ZxcG217pBrkbeSFUNJAL3C8Kc0Geh8ppQ41IaaKGLLkk7iMtVvqY1j4yo8AhFEdo6lxKEcY6ZpxCmSxwICF3BGeDJ74lZtQ481kCsPwBOE8Z2rpSwN9zvu506vnDlnOdGAh2CQgcEhH1vPSmdDYbRiNidumcgAQFhjEVqDG0dB6sxDN5EUzbbkDDe+HPoAjze+9hGu48VEhClgpOWOHblX0aYCu6+XmaexKMWYVP0vwbPE6aSNE7gcUKfkI32vWvgksBjq2sID2SK/mo1mPhBcKpA90umUqJiX8GXsTFBoDsPJ46oXcTG36lWQGCJcbCoqpdqBQSOVBWtqLXY31+1YhChvGAMDPgH8J3qcvg5F/SNVzqHLN0bRwLx+Mh3LTy6h6Ub9fBvrFQHPosL2P9T5xrgo2YJAwYMSMcXcTKvNRWzt4wAAAAASUVORK5CYII="
  16. /***/ }),
  17. /***/ 154:
  18. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  19. "use strict";
  20. __webpack_require__.r(__webpack_exports__);
  21. /* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Card_vue_vue_type_style_index_0_id_0d13de68_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(149);
  22. /* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Card_vue_vue_type_style_index_0_id_0d13de68_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Card_vue_vue_type_style_index_0_id_0d13de68_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
  23. /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Card_vue_vue_type_style_index_0_id_0d13de68_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Card_vue_vue_type_style_index_0_id_0d13de68_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  24. /***/ }),
  25. /***/ 157:
  26. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  27. "use strict";
  28. // ESM COMPAT FLAG
  29. __webpack_require__.r(__webpack_exports__);
  30. // CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/Card.vue?vue&type=template&id=0d13de68&scoped=true
  31. var render = function render() {
  32. var _vm = this,
  33. _c = _vm._self._c;
  34. return _c('nuxt-link', {
  35. staticClass: "card",
  36. attrs: {
  37. "to": {
  38. name: 'product-code',
  39. params: {
  40. code: _vm.cardData.product_code
  41. }
  42. }
  43. }
  44. }, [_c('figure', [_c('div', {
  45. staticClass: "card-img"
  46. }, [_c('el-image', {
  47. staticClass: "card-img-1",
  48. staticStyle: {
  49. "width": "100%",
  50. "height": "100%"
  51. },
  52. attrs: {
  53. "src": _vm.comImg,
  54. "fit": "cover"
  55. }
  56. }), _vm._v(" "), _vm.cardData.co2_uk_air && _vm.cardData.co2_uk_sea ? _c('div', {
  57. staticClass: "co2-info"
  58. }, [_c('img', {
  59. staticClass: "co2-icon",
  60. attrs: {
  61. "src": __webpack_require__(152),
  62. "alt": "CO2"
  63. }
  64. }), _vm._v(" "), _c('span', [_vm._v(_vm._s(_vm.cardData.co2_uk_sea || 0) + " kg")]), _vm._v(" "), _c('div'), _vm._v(" "), _c('img', {
  65. staticClass: "co2-icon",
  66. attrs: {
  67. "src": __webpack_require__(153),
  68. "alt": "CO2"
  69. }
  70. }), _vm._v(" "), _c('span', [_vm._v(_vm._s(_vm.cardData.co2_uk_air || 0) + " kg")])]) : _vm._e(), _vm._v(" "), _vm.comBestIcon ? _c('img', {
  71. staticClass: "best_icon",
  72. attrs: {
  73. "src": _vm.comBestIcon
  74. }
  75. }) : _vm._e(), _vm._v(" "), _c('div', {
  76. staticClass: "cycle_icon"
  77. }, _vm._l(_vm.cardData.cycle_icon, function (item, index) {
  78. return _c('img', {
  79. key: index,
  80. attrs: {
  81. "src": item.images
  82. }
  83. });
  84. }), 0)], 1), _vm._v(" "), _vm.showPricing ? _c('p', {
  85. staticClass: "show-pricing"
  86. }, [_vm._v("Pricing")]) : _vm._e(), _vm._v(" "), _c('figcaption', {
  87. staticClass: "card-info"
  88. }, [_c('h1', [_vm._v(_vm._s(_vm.cardData.alias_name || _vm.cardData.product_name))]), _vm._v(" "), _c('p', {
  89. staticClass: "card-info-point"
  90. }, [_vm._v(_vm._s(_vm.cardData.product_code))]), _vm._v(" "), _c('div', {
  91. staticClass: "card-info-icon"
  92. }, _vm._l(_vm.cardData.icon, function (item, index) {
  93. return _c('img', {
  94. key: index,
  95. attrs: {
  96. "src": item.url
  97. }
  98. });
  99. }), 0)])])]);
  100. };
  101. var staticRenderFns = [];
  102. // CONCATENATED MODULE: ./components/Card.vue?vue&type=template&id=0d13de68&scoped=true
  103. // CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/Card.vue?vue&type=script&lang=js
  104. /* harmony default export */ var Cardvue_type_script_lang_js = ({
  105. props: {
  106. cardData: {},
  107. showPricing: {
  108. type: Boolean,
  109. default: false
  110. }
  111. },
  112. data() {
  113. return {};
  114. },
  115. computed: {
  116. comImg() {
  117. var _this$cardData$main;
  118. return this.$utils.generateResizedImageUrl((_this$cardData$main = this.cardData.main) === null || _this$cardData$main === void 0 ? void 0 : _this$cardData$main.image, 300);
  119. },
  120. comBestIcon() {
  121. var _this$cardData$collec;
  122. const bestSeller = (_this$cardData$collec = this.cardData.collection_detail) === null || _this$cardData$collec === void 0 ? void 0 : _this$cardData$collec.find(item => item.name === "Best Seller");
  123. return bestSeller ? bestSeller.img : '';
  124. }
  125. },
  126. methods: {
  127. goProduct(cardData) {
  128. this.$router.push({
  129. name: "product-code",
  130. params: {
  131. code: cardData.product_code
  132. }
  133. });
  134. // let routeData = this.$router.resolve({
  135. // name: "product-code",
  136. // params:{ code: cardData.product_code },
  137. // });
  138. // window.open(routeData.href, '_blank');
  139. }
  140. }
  141. });
  142. // CONCATENATED MODULE: ./components/Card.vue?vue&type=script&lang=js
  143. /* harmony default export */ var components_Cardvue_type_script_lang_js = (Cardvue_type_script_lang_js);
  144. // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
  145. var componentNormalizer = __webpack_require__(2);
  146. // CONCATENATED MODULE: ./components/Card.vue
  147. function injectStyles (context) {
  148. var style0 = __webpack_require__(154)
  149. if (style0.__inject__) style0.__inject__(context)
  150. }
  151. /* normalize component */
  152. var component = Object(componentNormalizer["a" /* default */])(
  153. components_Cardvue_type_script_lang_js,
  154. render,
  155. staticRenderFns,
  156. false,
  157. injectStyles,
  158. "0d13de68",
  159. "ccce3584"
  160. )
  161. /* harmony default export */ var Card = __webpack_exports__["default"] = (component.exports);
  162. /***/ })
  163. };;
  164. //# sourceMappingURL=card.js.map