micro-home-recommend-box.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  1. exports.ids = [25];
  2. exports.modules = {
  3. /***/ 182:
  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__(219);
  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("728580ee", content, true, context)
  15. };
  16. /***/ }),
  17. /***/ 218:
  18. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  19. "use strict";
  20. __webpack_require__.r(__webpack_exports__);
  21. /* 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_recommendBox_vue_vue_type_style_index_0_id_1e14911d_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(182);
  22. /* 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_recommendBox_vue_vue_type_style_index_0_id_1e14911d_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_recommendBox_vue_vue_type_style_index_0_id_1e14911d_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
  23. /* 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_recommendBox_vue_vue_type_style_index_0_id_1e14911d_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_recommendBox_vue_vue_type_style_index_0_id_1e14911d_lang_scss_rel_stylesheet_2Fscss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  24. /***/ }),
  25. /***/ 219:
  26. /***/ (function(module, exports, __webpack_require__) {
  27. // Imports
  28. var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3);
  29. var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
  30. // Module
  31. ___CSS_LOADER_EXPORT___.push([module.i, ".col_red[data-v-1e14911d]{color:#f11111}.col_green[data-v-1e14911d]{color:#44be95}.col_white[data-v-1e14911d]{color:#fff}.flex-col[data-v-1e14911d]{flex-direction:column}.flex-j-c[data-v-1e14911d]{justify-content:center}.flex-j-sb[data-v-1e14911d]{justify-content:space-between}.flex-j-ar[data-v-1e14911d]{justify-content:space-around}.flex-a-c[data-v-1e14911d]{align-items:center}.flex-a-e[data-v-1e14911d]{align-items:flex-end}.w[data-v-1e14911d]{width:1200px}.m-auto[data-v-1e14911d]{margin:0 auto}.height-one[data-v-1e14911d]{height:100%}.flex[data-v-1e14911d]{display:flex}.text-overflow[data-v-1e14911d]{-webkit-line-clamp:4}.text-overflow[data-v-1e14911d],.text-overflow-2[data-v-1e14911d]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.text-overflow-2[data-v-1e14911d]{-webkit-line-clamp:2}.text-overflow-3[data-v-1e14911d]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.overflow-hide[data-v-1e14911d],.text-overflow-3[data-v-1e14911d]{overflow:hidden;text-overflow:ellipsis}.overflow-hide[data-v-1e14911d]{white-space:nowrap}.hiddenScroll[data-v-1e14911d]{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:scroll}.hiddenScroll[data-v-1e14911d]::-webkit-scrollbar{display:none}.finger-point[data-v-1e14911d]{cursor:pointer}.cursor-default[data-v-1e14911d]{cursor:default}.el-icon-circle-close[data-v-1e14911d]{color:#fff}.recommend-box[data-v-1e14911d]{margin-top:8px;background-color:#fff}.recommend-box .recommend-title[data-v-1e14911d]{padding:15px 20px;border-bottom:1px solid #efefef}.recommend-box .recommend-list-item[data-v-1e14911d]{position:relative;margin:0 19px;padding:16px 0}.recommend-box .recommend-list-item .top[data-v-1e14911d]{display:flex;align-items:center;margin-bottom:10px}.recommend-box .recommend-list-item .rank[data-v-1e14911d]{font-size:16px;font-weight:600;letter-spacing:8px;color:#ec544a}.recommend-box .recommend-list-item .article-title[data-v-1e14911d]{flex:1;width:0;color:#2a2a2a;font-weight:700}.recommend-box .recommend-list-item .watch-num[data-v-1e14911d]{margin-left:8px;color:#6b6b6b}.recommend-box .recommend-list-item .article-content[data-v-1e14911d]{width:240px;height:20px;color:#6b6b6b}.recommend-box .recommend-list-item:hover .article-title[data-v-1e14911d]{color:var(--color)}.recommend-box .recommend-list-item[data-v-1e14911d]:after{position:absolute;content:\"\";left:0;bottom:0;width:100%;height:1px;background-color:#e4e4e4}.recommend-box .recommend-list-item:nth-child(4) .rank[data-v-1e14911d],.recommend-box .recommend-list-item:nth-child(5) .rank[data-v-1e14911d]{color:#ff8200}.recommend-box .change-item[data-v-1e14911d]{padding:10px 0;text-align:center;letter-spacing:1px;color:#555}.recommend-box .change-item .icon-fontclass-gengxin[data-v-1e14911d]{margin-right:5px;vertical-align:middle}", ""]);
  32. // Exports
  33. module.exports = ___CSS_LOADER_EXPORT___;
  34. /***/ }),
  35. /***/ 227:
  36. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  37. "use strict";
  38. // ESM COMPAT FLAG
  39. __webpack_require__.r(__webpack_exports__);
  40. // 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/microHome/recommendBox.vue?vue&type=template&id=1e14911d&scoped=true&
  41. var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._ssrNode(((_vm.show_recommendList.length > 0)?("<div class=\"recommend-box\" data-v-1e14911d><h2 class=\"recommend-title\" data-v-1e14911d>推荐内容</h2> <ul class=\"recommend-list-box finger-point\" data-v-1e14911d>"+(_vm._ssrList((_vm.show_recommendList),function(item,index){return ("<li class=\"recommend-list-item\" data-v-1e14911d><p class=\"top\" data-v-1e14911d><span class=\"rank\" data-v-1e14911d>"+_vm._ssrEscape(_vm._s(index+1))+"</span> <span class=\"article-title overflow-hide\" data-v-1e14911d>"+_vm._ssrEscape(_vm._s(item.title))+"</span> <span class=\"watch-num\" data-v-1e14911d><i class=\"iconfont icon-fontclass-yulan\" data-v-1e14911d></i>"+_vm._ssrEscape("\n "+_vm._s(item.browse_num)+"\n ")+"</span></p> <p class=\"article-content overflow-hide\" data-v-1e14911d><span data-v-1e14911d>"+(_vm._s(item.contents))+"</span></p></li>")}))+"</ul> "+((_vm.recommend_total>5)?("<p class=\"change-item finger-point\" data-v-1e14911d><i class=\"iconfont icon-fontclass-gengxin\" data-v-1e14911d></i><span data-v-1e14911d>换一批</span></p>"):"<!---->")+"</div>"):"<!---->"))])}
  42. var staticRenderFns = []
  43. // CONCATENATED MODULE: ./components/microHome/recommendBox.vue?vue&type=template&id=1e14911d&scoped=true&
  44. // 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/microHome/recommendBox.vue?vue&type=script&lang=js&
  45. //
  46. //
  47. //
  48. //
  49. //
  50. //
  51. //
  52. //
  53. //
  54. //
  55. //
  56. //
  57. //
  58. //
  59. //
  60. //
  61. //
  62. //
  63. //
  64. //
  65. //
  66. //
  67. //
  68. //
  69. /* harmony default export */ var recommendBoxvue_type_script_lang_js_ = ({
  70. props: {},
  71. data() {
  72. return {
  73. recommend_page: 1,
  74. recommend_total: 0,
  75. recommendList: [],
  76. show_recommend_index: 0,
  77. show_recommendList: []
  78. };
  79. },
  80. mounted() {
  81. this.getRecommendTrick();
  82. },
  83. methods: {
  84. getMicroDetails(stickid) {
  85. if (this.fun.getSiteRoot() == "http://localhost:82") {
  86. this.toUrl('microcommentdetails-tid', {
  87. tid: stickid
  88. });
  89. } else {
  90. window.open(this.fun.getSiteRoot() + `/plugins/shop_server/microcommentdetails/${stickid}?i=` + this.fun.getKeyByI(), "_blank");
  91. }
  92. },
  93. toUrl(url, params) {
  94. this.$router.push(this.fun.getUrl(url, params));
  95. },
  96. changeRecommend() {
  97. // console.log(this.show_recommend_index,this.recommendList.length,this.recommend_total)
  98. if (this.show_recommend_index + 5 > this.recommend_total) {
  99. this.show_recommend_index = 0;
  100. }
  101. if (this.show_recommend_index + 5 >= this.recommendList.length && this.recommendList.length < this.recommend_total) {
  102. this.recommend_page += 1;
  103. this.getRecommendTrick();
  104. }
  105. this.show_recommend_index = this.show_recommend_index + 5;
  106. this.show_recommendList = this.recommendList.slice(this.show_recommend_index, this.show_recommend_index + 5);
  107. },
  108. getRecommendTrick() {
  109. this.fun.$get("plugin.micro-communities.api.pc.index.recommendTrick", {
  110. page: this.recommend_page
  111. }, "load").then(response => {
  112. if (response.result == 1) {
  113. this.recommend_total = response.data.total;
  114. if (this.recommend_total > 0) {
  115. this.$emit('changeRecommend', true);
  116. }
  117. this.recommendList = this.recommendList.concat(response.data.data || []);
  118. this.show_recommendList = this.recommendList.slice(this.show_recommend_index, this.show_recommend_index + 5);
  119. } else {
  120. this.$message.error(response.msg);
  121. }
  122. });
  123. }
  124. }
  125. });
  126. // CONCATENATED MODULE: ./components/microHome/recommendBox.vue?vue&type=script&lang=js&
  127. /* harmony default export */ var microHome_recommendBoxvue_type_script_lang_js_ = (recommendBoxvue_type_script_lang_js_);
  128. // EXTERNAL MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/runtime/componentNormalizer.js
  129. var componentNormalizer = __webpack_require__(2);
  130. // CONCATENATED MODULE: ./components/microHome/recommendBox.vue
  131. function injectStyles (context) {
  132. var style0 = __webpack_require__(218)
  133. if (style0.__inject__) style0.__inject__(context)
  134. }
  135. /* normalize component */
  136. var component = Object(componentNormalizer["a" /* default */])(
  137. microHome_recommendBoxvue_type_script_lang_js_,
  138. render,
  139. staticRenderFns,
  140. false,
  141. injectStyles,
  142. "1e14911d",
  143. "2080c4fa"
  144. )
  145. /* harmony default export */ var recommendBox = __webpack_exports__["default"] = (component.exports);
  146. /***/ })
  147. };;
  148. //# sourceMappingURL=micro-home-recommend-box.js.map