card.js 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. exports.ids = [3];
  2. exports.modules = {
  3. /***/ 150:
  4. /***/ (function(module, exports) {
  5. // Exports
  6. module.exports = {
  7. };
  8. /***/ }),
  9. /***/ 153:
  10. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  11. "use strict";
  12. __webpack_require__.r(__webpack_exports__);
  13. /* 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_325df89a_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(150);
  14. /* 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_325df89a_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_325df89a_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
  15. /* 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_325df89a_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_325df89a_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  16. /***/ }),
  17. /***/ 155:
  18. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  19. "use strict";
  20. // ESM COMPAT FLAG
  21. __webpack_require__.r(__webpack_exports__);
  22. // 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=325df89a&scoped=true
  23. var render = function render() {
  24. var _vm = this,
  25. _c = _vm._self._c;
  26. return _c('nuxt-link', {
  27. staticClass: "card",
  28. attrs: {
  29. "to": {
  30. name: 'product-code',
  31. params: {
  32. code: _vm.cardData.product_code
  33. }
  34. }
  35. }
  36. }, [_c('figure', [_c('div', {
  37. staticClass: "card-img"
  38. }, [_c('el-image', {
  39. staticClass: "card-img-1",
  40. staticStyle: {
  41. "width": "100%",
  42. "height": "100%"
  43. },
  44. attrs: {
  45. "src": _vm.comImg,
  46. "fit": "cover"
  47. }
  48. }), _vm._v(" "), _vm.comBestIcon ? _c('img', {
  49. staticClass: "best_icon",
  50. attrs: {
  51. "src": _vm.comBestIcon
  52. }
  53. }) : _vm._e(), _vm._v(" "), _c('div', {
  54. staticClass: "cycle_icon"
  55. }, _vm._l(_vm.cardData.cycle_icon, function (item, index) {
  56. return _c('img', {
  57. key: index,
  58. attrs: {
  59. "src": item.images
  60. }
  61. });
  62. }), 0)], 1), _vm._v(" "), _vm.showPricing ? _c('p', {
  63. staticClass: "show-pricing"
  64. }, [_vm._v("Pricing")]) : _vm._e(), _vm._v(" "), _c('figcaption', {
  65. staticClass: "card-info"
  66. }, [_c('h1', [_vm._v(_vm._s(_vm.cardData.product_name))]), _vm._v(" "), _c('p', {
  67. staticClass: "card-info-point"
  68. }, [_vm._v(_vm._s(_vm.cardData.product_code))]), _vm._v(" "), _c('div', {
  69. staticClass: "card-info-icon"
  70. }, _vm._l(_vm.cardData.icon, function (item, index) {
  71. return _c('img', {
  72. key: index,
  73. attrs: {
  74. "src": item.url
  75. }
  76. });
  77. }), 0)])])]);
  78. };
  79. var staticRenderFns = [];
  80. // CONCATENATED MODULE: ./components/Card.vue?vue&type=template&id=325df89a&scoped=true
  81. // 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
  82. /* harmony default export */ var Cardvue_type_script_lang_js = ({
  83. props: {
  84. cardData: {},
  85. showPricing: {
  86. type: Boolean,
  87. default: false
  88. }
  89. },
  90. data() {
  91. return {};
  92. },
  93. computed: {
  94. comImg() {
  95. var _this$cardData$main;
  96. return this.$utils.generateResizedImageUrl((_this$cardData$main = this.cardData.main) === null || _this$cardData$main === void 0 ? void 0 : _this$cardData$main.image, 300);
  97. },
  98. comBestIcon() {
  99. var _this$cardData$collec;
  100. 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");
  101. return bestSeller ? bestSeller.img : '';
  102. }
  103. },
  104. methods: {
  105. goProduct(cardData) {
  106. this.$router.push({
  107. name: "product-code",
  108. params: {
  109. code: cardData.product_code
  110. }
  111. });
  112. // let routeData = this.$router.resolve({
  113. // name: "product-code",
  114. // params:{ code: cardData.product_code },
  115. // });
  116. // window.open(routeData.href, '_blank');
  117. }
  118. }
  119. });
  120. // CONCATENATED MODULE: ./components/Card.vue?vue&type=script&lang=js
  121. /* harmony default export */ var components_Cardvue_type_script_lang_js = (Cardvue_type_script_lang_js);
  122. // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
  123. var componentNormalizer = __webpack_require__(2);
  124. // CONCATENATED MODULE: ./components/Card.vue
  125. function injectStyles (context) {
  126. var style0 = __webpack_require__(153)
  127. if (style0.__inject__) style0.__inject__(context)
  128. }
  129. /* normalize component */
  130. var component = Object(componentNormalizer["a" /* default */])(
  131. components_Cardvue_type_script_lang_js,
  132. render,
  133. staticRenderFns,
  134. false,
  135. injectStyles,
  136. "325df89a",
  137. "ccce3584"
  138. )
  139. /* harmony default export */ var Card = __webpack_exports__["default"] = (component.exports);
  140. /***/ })
  141. };;
  142. //# sourceMappingURL=card.js.map