template-two-solution-layout.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  1. exports.ids = [35];
  2. exports.modules = {
  3. /***/ 195:
  4. /***/ (function(module, exports, __webpack_require__) {
  5. module.exports = __webpack_require__.p + "img/solution-4.78874d6.png";
  6. /***/ }),
  7. /***/ 196:
  8. /***/ (function(module, exports, __webpack_require__) {
  9. // style-loader: Adds some css to the DOM by adding a <style> tag
  10. // load the styles
  11. var content = __webpack_require__(247);
  12. if(content.__esModule) content = content.default;
  13. if(typeof content === 'string') content = [[module.i, content, '']];
  14. if(content.locals) module.exports = content.locals;
  15. // add CSS to SSR context
  16. var add = __webpack_require__(4).default
  17. module.exports.__inject__ = function (context) {
  18. add("24788644", content, true, context)
  19. };
  20. /***/ }),
  21. /***/ 246:
  22. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  23. "use strict";
  24. __webpack_require__.r(__webpack_exports__);
  25. /* 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_solution_layout_vue_vue_type_style_index_0_id_44fe0dad_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(196);
  26. /* 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_solution_layout_vue_vue_type_style_index_0_id_44fe0dad_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_solution_layout_vue_vue_type_style_index_0_id_44fe0dad_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
  27. /* 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_solution_layout_vue_vue_type_style_index_0_id_44fe0dad_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_solution_layout_vue_vue_type_style_index_0_id_44fe0dad_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  28. /***/ }),
  29. /***/ 247:
  30. /***/ (function(module, exports, __webpack_require__) {
  31. // Imports
  32. var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3);
  33. var ___CSS_LOADER_GET_URL_IMPORT___ = __webpack_require__(36);
  34. var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__(248);
  35. var ___CSS_LOADER_URL_IMPORT_1___ = __webpack_require__(249);
  36. var ___CSS_LOADER_URL_IMPORT_2___ = __webpack_require__(250);
  37. var ___CSS_LOADER_URL_IMPORT_3___ = __webpack_require__(195);
  38. var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
  39. var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
  40. var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
  41. var ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);
  42. var ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);
  43. // Module
  44. ___CSS_LOADER_EXPORT___.push([module.i, ".col_red[data-v-44fe0dad]{color:#f11111}.col_green[data-v-44fe0dad]{color:#44be95}.col_white[data-v-44fe0dad]{color:#fff}.flex-col[data-v-44fe0dad]{flex-direction:column}.flex-j-c[data-v-44fe0dad]{justify-content:center}.flex-j-sb[data-v-44fe0dad]{justify-content:space-between}.flex-j-ar[data-v-44fe0dad]{justify-content:space-around}.flex-a-c[data-v-44fe0dad]{align-items:center}.flex-a-e[data-v-44fe0dad]{align-items:flex-end}.w[data-v-44fe0dad]{width:1200px}.m-auto[data-v-44fe0dad]{margin:0 auto}.height-one[data-v-44fe0dad]{height:100%}.flex[data-v-44fe0dad]{display:flex}.text-overflow[data-v-44fe0dad]{-webkit-line-clamp:4}.text-overflow[data-v-44fe0dad],.text-overflow-2[data-v-44fe0dad]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.text-overflow-2[data-v-44fe0dad]{-webkit-line-clamp:2}.text-overflow-3[data-v-44fe0dad]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.overflow-hide[data-v-44fe0dad],.text-overflow-3[data-v-44fe0dad]{overflow:hidden;text-overflow:ellipsis}.overflow-hide[data-v-44fe0dad]{white-space:nowrap}.hiddenScroll[data-v-44fe0dad]{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:scroll}.hiddenScroll[data-v-44fe0dad]::-webkit-scrollbar{display:none}.finger-point[data-v-44fe0dad]{cursor:pointer}.cursor-default[data-v-44fe0dad]{cursor:default}.el-icon-circle-close[data-v-44fe0dad]{color:#fff}#solution-layout[data-v-44fe0dad]{width:100%}#solution-layout .solution-box[data-v-44fe0dad]{width:100%;height:350px;display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:32px}#solution-layout .solution-box .item[data-v-44fe0dad]{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#fff;padding:28px;box-sizing:border-box;overflow:hidden;position:relative;background-blend-mode:screen;border-radius:4px;cursor:pointer}#solution-layout .solution-box .item .bg-div[data-v-44fe0dad]{width:100%;height:100%;position:absolute;top:0;left:0;background:transparent}#solution-layout .solution-box .item .title[data-v-44fe0dad]{width:100%;font-size:22px;font-weight:700;-webkit-line-clamp:2}#solution-layout .solution-box .item .content[data-v-44fe0dad]{width:100%;line-height:32px;font-size:14px;font-weight:400;-webkit-line-clamp:5}#solution-layout .solution-box .item .text-over[data-v-44fe0dad]{text-shadow:0 1px 0 hsla(0,0%,60%,.4);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;letter-spacing:2px}#solution-layout .solution-box .item .btn[data-v-44fe0dad]{width:150px;height:44px;text-align:center;line-height:44px;background-color:hsla(0,0%,100%,.25);border-radius:2px;box-shadow:0 0 15px -10px rgba(4,0,0,.4);text-shadow:0 1px 2px #2f2f2f}#solution-layout .solution-box .item .btn[data-v-44fe0dad]:hover{background:#fff;color:#000;text-shadow:none}#solution-layout .solution-box .item[data-v-44fe0dad]:first-child{background-image:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ")}#solution-layout .solution-box .item[data-v-44fe0dad]:nth-child(2){background-image:url(" + ___CSS_LOADER_URL_REPLACEMENT_1___ + ")}#solution-layout .solution-box .item[data-v-44fe0dad]:nth-child(3){background-image:url(" + ___CSS_LOADER_URL_REPLACEMENT_2___ + ")}#solution-layout .solution-box .item[data-v-44fe0dad]:nth-child(4){background-image:url(" + ___CSS_LOADER_URL_REPLACEMENT_3___ + ")}#solution-layout .solution-box .item[data-v-44fe0dad]:hover{box-shadow:6px 8px 15px 0 rgba(4,0,0,.4)}#solution-layout .solution-box .item[data-v-44fe0dad]{background-size:100% 100%}", ""]);
  45. // Exports
  46. module.exports = ___CSS_LOADER_EXPORT___;
  47. /***/ }),
  48. /***/ 248:
  49. /***/ (function(module, exports, __webpack_require__) {
  50. module.exports = __webpack_require__.p + "img/solution-1.f12bf34.png";
  51. /***/ }),
  52. /***/ 249:
  53. /***/ (function(module, exports, __webpack_require__) {
  54. module.exports = __webpack_require__.p + "img/solution-2.b14536a.png";
  55. /***/ }),
  56. /***/ 250:
  57. /***/ (function(module, exports, __webpack_require__) {
  58. module.exports = __webpack_require__.p + "img/solution-3.f1ba169.png";
  59. /***/ }),
  60. /***/ 269:
  61. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  62. "use strict";
  63. // ESM COMPAT FLAG
  64. __webpack_require__.r(__webpack_exports__);
  65. // 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/solution-layout.vue?vue&type=template&id=44fe0dad&scoped=true&
  66. var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"solution-layout"}},[_vm._ssrNode("<div class=\"solution-box\" data-v-44fe0dad>"+(_vm._ssrList((this.datas),function(item,index){return ("<div class=\"item\""+(_vm._ssrStyle(null,{ backgroundImage:'url('+(item.img?item.img:__webpack_require__(195))+')'}, null))+" data-v-44fe0dad><div class=\"title text-over\" data-v-44fe0dad>"+_vm._ssrEscape(_vm._s(item.title))+"</div> <div class=\"content text-over\" data-v-44fe0dad>"+_vm._ssrEscape(_vm._s(item.desc))+"</div> <div class=\"btn\" data-v-44fe0dad>查看详细</div></div>")}))+" "+((_vm.surplus>0)?((_vm._ssrList((_vm.surplus),function(child,i){return ("<div class=\"item\" data-v-44fe0dad></div>")}))):"<!---->")+"</div>")])}
  67. var staticRenderFns = []
  68. // CONCATENATED MODULE: ./components/templateTwo/solution-layout.vue?vue&type=template&id=44fe0dad&scoped=true&
  69. // 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/solution-layout.vue?vue&type=script&lang=js&
  70. //
  71. //
  72. //
  73. //
  74. //
  75. //
  76. //
  77. //
  78. //
  79. //
  80. //
  81. //
  82. //
  83. //
  84. //
  85. //
  86. //
  87. //
  88. //
  89. /* harmony default export */ var solution_layoutvue_type_script_lang_js_ = ({
  90. props: {
  91. datas: {
  92. type: Array,
  93. default: () => []
  94. }
  95. },
  96. data() {
  97. return {
  98. surplus: 0
  99. };
  100. },
  101. activated() {},
  102. components: {},
  103. computed: {},
  104. mounted() {
  105. this.surplus = 4 - this.datas.length;
  106. },
  107. methods: {
  108. gotoUrl(_url) {
  109. if (_url) {
  110. window.location.href = _url;
  111. }
  112. }
  113. }
  114. });
  115. // CONCATENATED MODULE: ./components/templateTwo/solution-layout.vue?vue&type=script&lang=js&
  116. /* harmony default export */ var templateTwo_solution_layoutvue_type_script_lang_js_ = (solution_layoutvue_type_script_lang_js_);
  117. // EXTERNAL MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/runtime/componentNormalizer.js
  118. var componentNormalizer = __webpack_require__(2);
  119. // CONCATENATED MODULE: ./components/templateTwo/solution-layout.vue
  120. function injectStyles (context) {
  121. var style0 = __webpack_require__(246)
  122. if (style0.__inject__) style0.__inject__(context)
  123. }
  124. /* normalize component */
  125. var component = Object(componentNormalizer["a" /* default */])(
  126. templateTwo_solution_layoutvue_type_script_lang_js_,
  127. render,
  128. staticRenderFns,
  129. false,
  130. injectStyles,
  131. "44fe0dad",
  132. "e9b3ef9c"
  133. )
  134. /* harmony default export */ var solution_layout = __webpack_exports__["default"] = (component.exports);
  135. /***/ })
  136. };;
  137. //# sourceMappingURL=template-two-solution-layout.js.map