template-two-article-layout.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
  1. exports.ids = [26];
  2. exports.modules = {
  3. /***/ 197:
  4. /***/ (function(module, exports, __webpack_require__) {
  5. // style-loader: Adds some css to the DOM by adding a <style> tag
  6. // load the styles
  7. var content = __webpack_require__(254);
  8. if(content.__esModule) content = content.default;
  9. if(typeof content === 'string') content = [[module.i, content, '']];
  10. if(content.locals) module.exports = content.locals;
  11. // add CSS to SSR context
  12. var add = __webpack_require__(4).default
  13. module.exports.__inject__ = function (context) {
  14. add("1323e2d6", content, true, context)
  15. };
  16. /***/ }),
  17. /***/ 251:
  18. /***/ (function(module, exports, __webpack_require__) {
  19. module.exports = __webpack_require__.p + "img/article1.7868a6e.png";
  20. /***/ }),
  21. /***/ 252:
  22. /***/ (function(module, exports, __webpack_require__) {
  23. module.exports = __webpack_require__.p + "img/article2.6d7bca9.png";
  24. /***/ }),
  25. /***/ 253:
  26. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  27. "use strict";
  28. __webpack_require__.r(__webpack_exports__);
  29. /* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_article_layout_vue_vue_type_style_index_0_id_4d0a17ad_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(197);
  30. /* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_article_layout_vue_vue_type_style_index_0_id_4d0a17ad_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_article_layout_vue_vue_type_style_index_0_id_4d0a17ad_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
  31. /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_article_layout_vue_vue_type_style_index_0_id_4d0a17ad_lang_scss_rel_stylesheet_2Fscss_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_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_article_layout_vue_vue_type_style_index_0_id_4d0a17ad_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  32. /***/ }),
  33. /***/ 254:
  34. /***/ (function(module, exports, __webpack_require__) {
  35. // Imports
  36. var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3);
  37. var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
  38. // Module
  39. ___CSS_LOADER_EXPORT___.push([module.i, ".col_red[data-v-4d0a17ad]{color:#f11111}.col_green[data-v-4d0a17ad]{color:#44be95}.col_white[data-v-4d0a17ad]{color:#fff}.flex-col[data-v-4d0a17ad]{flex-direction:column}.flex-j-c[data-v-4d0a17ad]{justify-content:center}.flex-j-sb[data-v-4d0a17ad]{justify-content:space-between}.flex-j-ar[data-v-4d0a17ad]{justify-content:space-around}.flex-a-c[data-v-4d0a17ad]{align-items:center}.flex-a-e[data-v-4d0a17ad]{align-items:flex-end}.w[data-v-4d0a17ad]{width:1200px}.m-auto[data-v-4d0a17ad]{margin:0 auto}.height-one[data-v-4d0a17ad]{height:100%}.flex[data-v-4d0a17ad]{display:flex}.text-overflow[data-v-4d0a17ad]{-webkit-line-clamp:4}.text-overflow[data-v-4d0a17ad],.text-overflow-2[data-v-4d0a17ad]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.text-overflow-2[data-v-4d0a17ad]{-webkit-line-clamp:2}.text-overflow-3[data-v-4d0a17ad]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.overflow-hide[data-v-4d0a17ad],.text-overflow-3[data-v-4d0a17ad]{overflow:hidden;text-overflow:ellipsis}.overflow-hide[data-v-4d0a17ad]{white-space:nowrap}.hiddenScroll[data-v-4d0a17ad]{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:scroll}.hiddenScroll[data-v-4d0a17ad]::-webkit-scrollbar{display:none}.finger-point[data-v-4d0a17ad]{cursor:pointer}.cursor-default[data-v-4d0a17ad]{cursor:default}.el-icon-circle-close[data-v-4d0a17ad]{color:#fff}#article-layout .article-main[data-v-4d0a17ad]{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:60px}#article-layout .article-main .article-item[data-v-4d0a17ad]{display:flex;flex-direction:column;overflow:hidden}#article-layout .article-main .article-item .article-bg[data-v-4d0a17ad]{height:150px;padding:30px;border-radius:5px;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column-reverse;position:relative}#article-layout .article-main .article-item .article-bg img[data-v-4d0a17ad]{width:100%;height:100%;position:absolute;top:0;left:0}#article-layout .article-main .article-item .article-bg .title[data-v-4d0a17ad]{width:100%;font-size:24px;color:#fff;z-index:3;text-shadow:0 1px 2px #2f2f2f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#article-layout .article-main .article-item .article-bg[data-v-4d0a17ad]:hover{cursor:pointer}#article-layout .article-main .article-item .article-bg:hover img[data-v-4d0a17ad]{transform:scale(1.04);transition:all .5s ease}#article-layout .article-main .article-item .article-list[data-v-4d0a17ad]{display:flex;flex-direction:column;padding-top:30px}#article-layout .article-main .article-item .article-list .list-item[data-v-4d0a17ad]{display:flex;padding:0 20px 18px;box-sizing:border-box;font-size:14px;cursor:pointer}#article-layout .article-main .article-item .article-list .list-item .time[data-v-4d0a17ad]{color:#a0a0a0;margin-right:6px}#article-layout .article-main .article-item .article-list .list-item .article-content[data-v-4d0a17ad]{display:flex;flex:1;overflow:hidden}#article-layout .article-main .article-item .article-list .list-item .article-content .article-tag[data-v-4d0a17ad]{color:var(--color);margin-right:6px;flex-shrink:0}#article-layout .article-main .article-item .article-list .list-item .article-content .article-title[data-v-4d0a17ad]{color:#262626;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#article-layout .article-main .article-item .article-list .list-item[data-v-4d0a17ad]:hover{font-weight:700}", ""]);
  40. // Exports
  41. module.exports = ___CSS_LOADER_EXPORT___;
  42. /***/ }),
  43. /***/ 270:
  44. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  45. "use strict";
  46. // ESM COMPAT FLAG
  47. __webpack_require__.r(__webpack_exports__);
  48. // CONCATENATED MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_@nuxt_components@2.2.1@@nuxt/components/dist/loader.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./components/templateTwo/article-layout.vue?vue&type=template&id=4d0a17ad&scoped=true&
  49. var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"article-layout"}},[_vm._ssrNode("<div class=\"article-main\" data-v-4d0a17ad><div class=\"article-item\" data-v-4d0a17ad><div class=\"article-bg\" data-v-4d0a17ad><img"+(_vm._ssrAttr("src",_vm.datas[0].img||__webpack_require__(251)))+" alt data-v-4d0a17ad> <div class=\"title\" data-v-4d0a17ad>"+_vm._ssrEscape(_vm._s(_vm.datas[0].category))+"</div></div> <div class=\"article-list\" data-v-4d0a17ad>"+(_vm._ssrList((_vm.datas[0].list),function(child){return ("<div class=\"list-item\" data-v-4d0a17ad><div class=\"time\" data-v-4d0a17ad>"+_vm._ssrEscape(_vm._s(child.virtual_at))+"</div> <div class=\"article-content\" data-v-4d0a17ad><div class=\"article-tag\" data-v-4d0a17ad>"+_vm._ssrEscape("【"+_vm._s(child.author)+"】")+"</div> <div class=\"article-title\" data-v-4d0a17ad>"+_vm._ssrEscape(_vm._s(child.title))+"</div></div></div>")}))+"</div></div> <div class=\"article-item\" data-v-4d0a17ad><div class=\"article-bg\" data-v-4d0a17ad><img"+(_vm._ssrAttr("src",_vm.datas[1]?_vm.datas[1].img:__webpack_require__(252)))+" alt data-v-4d0a17ad> <div class=\"title\" data-v-4d0a17ad>"+_vm._ssrEscape(_vm._s(_vm.datas[1]?_vm.datas[1].category:''))+"</div></div> "+((_vm.datas[1])?("<div class=\"article-list\" data-v-4d0a17ad>"+(_vm._ssrList((_vm.datas[1].list),function(child){return ("<div class=\"list-item\" data-v-4d0a17ad><div class=\"time\" data-v-4d0a17ad>"+_vm._ssrEscape(_vm._s(child.virtual_at))+"</div> <div class=\"article-content\" data-v-4d0a17ad><div class=\"article-tag\" data-v-4d0a17ad>"+_vm._ssrEscape("【"+_vm._s(child.author)+"】")+"</div> <div class=\"article-title\" data-v-4d0a17ad>"+_vm._ssrEscape(_vm._s(child.title))+"</div></div></div>")}))+"</div>"):"<!---->")+"</div></div>")])}
  50. var staticRenderFns = []
  51. // CONCATENATED MODULE: ./components/templateTwo/article-layout.vue?vue&type=template&id=4d0a17ad&scoped=true&
  52. // CONCATENATED MODULE: ./node_modules/_babel-loader@8.2.3@babel-loader/lib??ref--2-0!./node_modules/_@nuxt_components@2.2.1@@nuxt/components/dist/loader.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./components/templateTwo/article-layout.vue?vue&type=script&lang=js&
  53. //
  54. //
  55. //
  56. //
  57. //
  58. //
  59. //
  60. //
  61. //
  62. //
  63. //
  64. //
  65. //
  66. //
  67. //
  68. //
  69. //
  70. //
  71. //
  72. //
  73. //
  74. //
  75. //
  76. //
  77. //
  78. //
  79. //
  80. //
  81. //
  82. //
  83. //
  84. //
  85. //
  86. //
  87. //
  88. //
  89. //
  90. //
  91. /* harmony default export */ var article_layoutvue_type_script_lang_js_ = ({
  92. props: {
  93. datas: {
  94. type: Array,
  95. default: () => []
  96. }
  97. },
  98. data() {
  99. return {};
  100. },
  101. activated() {},
  102. components: {},
  103. computed: {},
  104. mounted() {},
  105. methods: {
  106. toUrl(url, params, query) {
  107. this.$router.push(this.fun.getUrl(url, params, query));
  108. },
  109. toArticle(item, url, id) {
  110. if (item.has_one_article_pay) {
  111. if (item.has_one_record) {
  112. if (this.$baseURL) {
  113. window.open(this.fun.getSiteRoot() + "/plugins/shop_server/articleContent?i=" + this.fun.getKeyByI() + '&id=' + id, "_blank");
  114. } else {
  115. window.open(this.fun.getSiteRoot() + "/plugins/shop_server/articleContent/" + id + "?i=" + this.fun.getKeyByI(), "_blank");
  116. } // this.$router.push(this.fun.getUrl(url, { id: id }, {}));
  117. } else {
  118. this.getPay(item.id);
  119. }
  120. } else {
  121. if (this.$baseURL) {
  122. window.open(this.fun.getSiteRoot() + "/plugins/shop_server/articleContent?i=" + this.fun.getKeyByI() + '&id=' + id, "_blank");
  123. } else {
  124. window.open(this.fun.getSiteRoot() + "/plugins/shop_server/articleContent/" + id + "?i=" + this.fun.getKeyByI(), "_blank");
  125. } // this.$router.push(this.fun.getUrl(url, { id: id }, {}));
  126. }
  127. }
  128. }
  129. });
  130. // CONCATENATED MODULE: ./components/templateTwo/article-layout.vue?vue&type=script&lang=js&
  131. /* harmony default export */ var templateTwo_article_layoutvue_type_script_lang_js_ = (article_layoutvue_type_script_lang_js_);
  132. // EXTERNAL MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/runtime/componentNormalizer.js
  133. var componentNormalizer = __webpack_require__(2);
  134. // CONCATENATED MODULE: ./components/templateTwo/article-layout.vue
  135. function injectStyles (context) {
  136. var style0 = __webpack_require__(253)
  137. if (style0.__inject__) style0.__inject__(context)
  138. }
  139. /* normalize component */
  140. var component = Object(componentNormalizer["a" /* default */])(
  141. templateTwo_article_layoutvue_type_script_lang_js_,
  142. render,
  143. staticRenderFns,
  144. false,
  145. injectStyles,
  146. "4d0a17ad",
  147. "3961f7dd"
  148. )
  149. /* harmony default export */ var article_layout = __webpack_exports__["default"] = (component.exports);
  150. /***/ })
  151. };;
  152. //# sourceMappingURL=template-two-article-layout.js.map