media-card.js 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. exports.ids = [17];
  2. exports.modules = {
  3. /***/ 204:
  4. /***/ (function(module, exports) {
  5. // Exports
  6. module.exports = {
  7. };
  8. /***/ }),
  9. /***/ 226:
  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_MediaCard_vue_vue_type_style_index_0_id_69177590_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(204);
  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_MediaCard_vue_vue_type_style_index_0_id_69177590_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_MediaCard_vue_vue_type_style_index_0_id_69177590_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_MediaCard_vue_vue_type_style_index_0_id_69177590_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_MediaCard_vue_vue_type_style_index_0_id_69177590_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  16. /***/ }),
  17. /***/ 285:
  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/MediaCard.vue?vue&type=template&id=69177590&scoped=true
  23. var render = function render() {
  24. var _vm = this,
  25. _c = _vm._self._c;
  26. return _c('figure', {
  27. class: ['card', {
  28. row: _vm.toggle
  29. }]
  30. }, [_vm._ssrNode("<div class=\"card-media\" data-v-69177590>", "</div>", [_vm.cardData.type === 5 && _vm.toggle ? _vm._ssrNode("<video controls=\"controls\" class=\"card-media-content\" data-v-69177590>", "</video>", [_vm._ssrNode("<source" + _vm._ssrAttr("src", _vm.cardData.media_url) + " data-v-69177590>\n Your browser does not support the video tag.\n ")], 2) : _c('el-image', {
  31. staticClass: "card-img-1",
  32. staticStyle: {
  33. "width": "100%",
  34. "height": "100%"
  35. },
  36. attrs: {
  37. "src": _vm.cardData.type === 1 || _vm.cardData.type === 8 ? _vm.cardData.media_url : _vm.cardData.image,
  38. "fit": "contain"
  39. }
  40. }), _vm._ssrNode(" " + (_vm.cardData.typeName && !_vm.toggle ? "<div class=\"type-icon\" data-v-69177590>" + _vm._ssrEscape("\n " + _vm._s(_vm.cardData.typeName.toUpperCase()) + "\n ") + "</div>" : "<!---->"))], 2), _vm._ssrNode(" "), _vm._ssrNode("<figcaption class=\"card-info\" data-v-69177590>", "</figcaption>", [_vm._ssrNode("<div class=\"card-info-1\" data-v-69177590>", "</div>", [_vm._ssrNode("<h1 data-v-69177590>" + _vm._ssrEscape(_vm._s(_vm.cardData.name)) + "</h1> <p class=\"card-info-point\" data-v-69177590>" + _vm._s(_vm.cardData.description) + "</p> "), _vm._ssrNode("<ul class=\"card-info-label\" data-v-69177590>", "</ul>", [_vm._ssrNode(_vm._ssrList(_vm.cardData.mapLabel, function (l, index) {
  41. return "<li data-v-69177590>" + _vm._ssrEscape("\n " + _vm._s(l) + "\n ") + "</li>";
  42. }) + " "), _vm._l(_vm.cardData.sku, function (item, i) {
  43. return _c('nuxt-link', {
  44. key: item + i,
  45. attrs: {
  46. "to": {
  47. name: 'product-code',
  48. params: {
  49. code: item
  50. }
  51. },
  52. "target": "_blank"
  53. }
  54. }, [_c('li', [_vm._v(_vm._s(item))])]);
  55. })], 2)], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"card-info-btn\" data-v-69177590>", "</div>", [!_vm.toggle ? _c('el-button', {
  56. on: {
  57. "click": _vm.handLeftBtn
  58. }
  59. }, [_vm._v("View")]) : _vm._e(), _vm._ssrNode(" "), _c('el-button', {
  60. on: {
  61. "click": _vm.handRightBtn
  62. }
  63. }, [_vm._v("Download")])], 2)], 2)], 2);
  64. };
  65. var staticRenderFns = [];
  66. // CONCATENATED MODULE: ./components/MediaCard.vue?vue&type=template&id=69177590&scoped=true
  67. // 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/MediaCard.vue?vue&type=script&lang=js
  68. /* harmony default export */ var MediaCardvue_type_script_lang_js = ({
  69. props: {
  70. cardData: {},
  71. toggle: {
  72. type: Boolean,
  73. default: false
  74. }
  75. },
  76. data() {
  77. return {};
  78. },
  79. watch: {
  80. 'cardData.media_url': function (newVal, oldVal) {
  81. if (newVal !== oldVal && this.$refs.video) {
  82. this.$refs.video.load(); // 重新加载视频
  83. }
  84. }
  85. },
  86. methods: {
  87. emitLabel(l) {
  88. this.$emit('labelEvent', l);
  89. },
  90. handLeftBtn() {
  91. this.$emit('leftBtnEvent');
  92. },
  93. handRightBtn() {
  94. this.$emit('rightBtnEvent');
  95. }
  96. }
  97. });
  98. // CONCATENATED MODULE: ./components/MediaCard.vue?vue&type=script&lang=js
  99. /* harmony default export */ var components_MediaCardvue_type_script_lang_js = (MediaCardvue_type_script_lang_js);
  100. // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
  101. var componentNormalizer = __webpack_require__(2);
  102. // CONCATENATED MODULE: ./components/MediaCard.vue
  103. function injectStyles (context) {
  104. var style0 = __webpack_require__(226)
  105. if (style0.__inject__) style0.__inject__(context)
  106. }
  107. /* normalize component */
  108. var component = Object(componentNormalizer["a" /* default */])(
  109. components_MediaCardvue_type_script_lang_js,
  110. render,
  111. staticRenderFns,
  112. false,
  113. injectStyles,
  114. "69177590",
  115. "91453854"
  116. )
  117. /* harmony default export */ var MediaCard = __webpack_exports__["default"] = (component.exports);
  118. /***/ })
  119. };;
  120. //# sourceMappingURL=media-card.js.map