|
|
exports.ids = [7,5]; |
|
|
exports.modules = { |
|
|
|
|
|
/***/ 144: |
|
|
/***/ (function(module, exports, __webpack_require__) { |
|
|
|
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag |
|
|
|
|
|
// load the styles |
|
|
var content = __webpack_require__(147); |
|
|
if(content.__esModule) content = content.default; |
|
|
if(typeof content === 'string') content = [[module.i, content, '']]; |
|
|
if(content.locals) module.exports = content.locals; |
|
|
// add CSS to SSR context |
|
|
var add = __webpack_require__(4).default |
|
|
module.exports.__inject__ = function (context) { |
|
|
add("f0a69850", content, true, context) |
|
|
}; |
|
|
|
|
|
/***/ }), |
|
|
|
|
|
/***/ 145: |
|
|
/***/ (function(module, exports) { |
|
|
|
|
|
module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA4NJREFUWEftmMtr1FAUxr+TtPoXqOjKheCmaLGKRTuTpI9kqiIqOCulglihVsVFUSpCF5ZCFcRCBUdERQXRheLCdtJHMomi4AtEQcWlYls3FVdqkyMT7djHzDTJdIYKzmqYe77v+90zN8m9ISzwDy1wPvzbgH2GsVKEKIMgAShzGc+JhDeaXDMQpvN6KqUyU5VAWMuMbwDp5Vz+WFGqP+byy9rBQdve5jo4CXB1NiGDPwDUJ04s6qyvrx7NBzs4+GSZU/Yj7dVIoFXZagl47MC9FJPlKzPHpwEahlH2E+I5EFr9dIiBV+Rwm1on6dnq9aGUyiKdIWCNHz8QhsdHRxrj8fiPyfoMYN/ww9Wi4L71ZTSriOKqHLkz9WfdtHcDfDuMnytgRSwa/ZzWZgB10/oEYEUYw9+av5CFwP3xeqPKkYoMYNK0EgQcCA8HeOuScRMkjAHusVzrzW8GM5/SFOk0JU2zgSBkXUN+zYpW57BGSdM+QuDzRQspwJiY22jATF1kUHMBPsWUXic9ZT0Do6qYKWG9vduYbloc1qAUunQHn4CxsRRhwTP4JSVNq4eAw8HFJVAQXaZkym4m5osliAseQdxKumGsB4lPg6tLoGBng/eo003rOoA9JYgMEnFDlaN7PcB+w64XiEPt8YIkBql1mRpiSmQws1kYMK27DOwIYlKsWgLuNcjRnZnNQvpL0jAqSBCHwFharGBfvoQxdp06TVFeTwP0IBfAFc1EBzUpkpiczKwtv56yroLR5Gu2811EuKZK0X1TbWcBPrCsJeWMfmasm+/8fH5EePGTENsSjX7JC5ge7DMMWSSxH8DiEkF+d9iJNSqKOTMv57k4adotBO4tBSCDDmly5EK2rLwH96RhdxHxiWJCMtCuydGuXBlzvlkYMO1eBrcUBZK5VVWkvP/SnIDe7ce0uglom09IIqGtQao5O5enL0DveW1Z++Bi1sl/roBs4wz3qCbLPX60vgE9SONRJch56cc4Zw3xVlWSHvj1CASYNu23rOUC4w4Ym/2G/Kl777gT2xtra98F0QUGTJt3dHQIm5S6BJj3+wy7Pz42sisejzs+6zNloQAn1bppdQJozx9K3aocOR4UbLK+IEDvCh+2qwTBbZ55tiZwwnWFhFYbeR4WLq0rGDDTTcOoJEFscl3+CpTf0pRNId+UTZ/OvAEW0qV82v+AhXb2F1BsL4A14kXbAAAAAElFTkSuQmCC" |
|
|
|
|
|
/***/ }), |
|
|
|
|
|
/***/ 146: |
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) { |
|
|
|
|
|
"use strict"; |
|
|
__webpack_require__.r(__webpack_exports__); |
|
|
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VideoArticleListItem_vue_vue_type_style_index_0_id_ae307dfe_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(144); |
|
|
/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VideoArticleListItem_vue_vue_type_style_index_0_id_ae307dfe_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VideoArticleListItem_vue_vue_type_style_index_0_id_ae307dfe_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__); |
|
|
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VideoArticleListItem_vue_vue_type_style_index_0_id_ae307dfe_prod_lang_scss__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_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VideoArticleListItem_vue_vue_type_style_index_0_id_ae307dfe_prod_lang_scss__WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__)); |
|
|
|
|
|
|
|
|
/***/ }), |
|
|
|
|
|
/***/ 147: |
|
|
/***/ (function(module, exports, __webpack_require__) { |
|
|
|
|
|
// Imports |
|
|
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3); |
|
|
var ___CSS_LOADER_GET_URL_IMPORT___ = __webpack_require__(6); |
|
|
var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__(8); |
|
|
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]}); |
|
|
var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___); |
|
|
// Module |
|
|
___CSS_LOADER_EXPORT___.push([module.i, "*{border:none;margin:0;padding:0}html{height:100%}body{background:#fff;font-family:MicrosoftYaHei;font-size:0;min-height:100%;min-width:320px;position:relative}body .outer-container{min-width:1258px}body .outer-container.isMobile{min-width:auto}body .outer-container.isMobile .content-container{padding:60px 0 62px;width:100%}body .outer-container.isMobile .content-container .left-content{display:block!important;margin-right:0!important;width:100%!important}body .outer-container.isMobile .content-container .footer-outer{min-width:auto!important;position:absolute!important}body .outer-container.isMobile .content-container .load-more{width:100%!important}body .outer-container.isMobile .content-container .common-flex{display:block!important}body .outer-container.isMobile .content-container .common-other-content{margin:0!important}body .outer-container.isMobile .content-container .common-other-content h6{font-size:20px!important;line-height:28px!important;margin-bottom:10px!important}body .outer-container.isMobile .content-container .common-other-content .font-content b,body .outer-container.isMobile .content-container .common-other-content .font-content h5,body .outer-container.isMobile .content-container .common-other-content .font-content h6,body .outer-container.isMobile .content-container .common-other-content .font-content p{font-size:16px!important;line-height:24px!important;margin-bottom:8px!important;word-break:break-all}body .outer-container.isMobile .content-container .common-other-content .font-content h5{font-size:18px!important}body .outer-container.isMobile.hasLoginBottom{padding-bottom:calc(env(safe-area-inset-bottom) + 55px)}body .outer-container.isMobile.hasLoginBottom .bottom-outer,body .outer-container.isMobile.hasLoginBottom .footer-outer{bottom:calc(constant(safe-area-inset-bottom) + 55px);bottom:calc(env(safe-area-inset-bottom) + 55px)}body .outer-container.isMobile.hasLoginBottom .fixed-box{bottom:calc(constant(safe-area-inset-bottom) + 65px)!important;bottom:calc(env(safe-area-inset-bottom) + 65px)!important}body .content-container{margin:0 auto;width:1080px}body img{-o-object-fit:cover;object-fit:cover;vertical-align:top}body a{-webkit-text-decoration:none;text-decoration:none}body .detail-list-item.one-line-columns-4.large-width>p,body .text-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .left-content{display:inline-block;margin-right:32px;width:723px}body .right-content{display:inline-block;float:right;width:325px}body .common-flex{display:grid;grid-template-columns:repeat(4,25%)}body .load-more{background:#f5f5f8;border-radius:4px;color:#939aa7;font-family:PingFangSC-Regular,PingFang SC;font-size:18px;font-weight:400;height:50px;line-height:50px;margin:0 auto;text-align:center;width:357px}body .footer-outer{background:#f5f5f8;bottom:0;left:0;min-width:1258px;position:fixed;width:100%;z-index:9}body .common-title{color:#001965;font-family:PingFangSC-Medium,PingFang SC;font-size:24px;font-weight:500;line-height:33px;padding:20px 0 10px;text-align:left}body .common-title a{color:#5d6269;float:right;font-family:PingFangSC-Regular,PingFang SC;font-size:16px;font-weight:400}body .common-title a i{color:#001965}body p.go-follow{background:#e6553f;border-radius:4px;color:#fff;cursor:pointer;font-family:PingFangSC-Medium,PingFang SC;font-size:18px;font-weight:500;height:50px;line-height:50px;margin-bottom:23px;text-align:center}body .common-other-content{box-sizing:border-box;margin:44px 0;padding:30px}body .common-other-content h6{color:#001965;font-family:PingFangSC-Medium,PingFang SC;font-size:24px;font-weight:500;line-height:33px;margin-bottom:20px}body .common-other-content .font-content b,body .common-other-content .font-content h5,body .common-other-content .font-content h6,body .common-other-content .font-content p{color:#5d6269;font-size:18px;line-height:30px;margin-bottom:12px}body .common-other-content .font-content h5{font-size:20px}body .el-message{top:50%!important}body .el-message i{font-size:16px}@media screen and (max-width:500px){body .el-message{max-width:80%;min-width:200px}}body .video-player-box .vjs-big-play-button{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") 50% no-repeat;background-color:transparent!important;background-size:68px 67px;border:none;height:67px;left:50%;outline:none;top:50%;transform:translate(-50%,-50%);width:68px}body .video-player-box .vjs-big-play-button .vjs-icon-placeholder:before{display:none}body .video-player-box .vjs-control-bar button{outline:none}body .el-avatar>img{width:100%}.detail-list-item{background:#f5f5f8;border-radius:4px;cursor:pointer;display:block;margin-bottom:18px;overflow:hidden;position:relative}.detail-list-item .top-img-box{height:131px;position:relative}.detail-list-item .top-img-box>img:first-child{height:100%;width:100%}.detail-list-item .top-img-box span{background:rgba(0,0,0,.4);border-radius:4px;color:#fff;font-family:PingFangSC-Regular,PingFang SC;font-size:14px;font-weight:400;height:24px;line-height:24px;padding:0 9px;position:absolute;right:12px;top:12px}.detail-list-item .top-img-box>img.play{height:67px;left:50%;margin:-34px 0 0 -34px;position:absolute;top:50%;width:68px}.detail-list-item>p{color:#5d6269;display:-webkit-box;font-size:16px;line-height:26px;padding:12px 10px 0;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.detail-list-item .bottom{bottom:0;box-sizing:border-box;height:46px;left:0;padding:0 10px 22px;position:absolute;width:100%}.detail-list-item .bottom span:first-child{border:1px solid #bac0c2;border-radius:4px;box-sizing:border-box;color:#939aa7;font-family:PingFangSC-Regular,PingFang SC;font-size:14px;font-weight:400;height:24px;line-height:22px;padding:0 9px}.detail-list-item .bottom span:last-child{color:#bac0c2;float:right;font-family:Apis-Regular,Apis;font-size:16px;line-height:24px}.detail-list-item .bottom span:last-child i{margin-left:4px}.detail-list-item .bottom span:last-child img{margin:4px 0 0 4px;width:16px}.detail-list-item.one-line-columns-3{height:274px;width:230px}.detail-list-item.one-line-columns-4{height:298px;width:255px}.detail-list-item.one-line-columns-4 .top-img-box{height:144px}.detail-list-item.one-line-columns-4>p{padding-top:18px}.detail-list-item.one-line-columns-4 .bottom{height:54px;padding-bottom:30px}.detail-list-item.one-line-columns-4.large-width{grid-column-start:span 2;position:relative;width:529px}.detail-list-item.one-line-columns-4.large-width .top-img-box{height:100%}.detail-list-item.one-line-columns-4.large-width .top-img-box>img.play{display:none}.detail-list-item.one-line-columns-4.large-width:after{background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));bottom:0;content:\"\";height:120px;left:0;position:absolute;width:100%}.detail-list-item.one-line-columns-4.large-width>p{bottom:62px;color:#fff;font-size:18px;left:12px;padding:0;position:absolute;width:calc(100% - 24px);z-index:1}.detail-list-item.one-line-columns-4.large-width .bottom{z-index:1}.detail-list-item.one-line-columns-4.large-width .bottom span:first-child{border-color:hsla(0,0%,100%,.6);color:#fff}.detail-list-item.one-line-columns-4.large-width .bottom span:last-child{color:#fff}.detail-list-item.one-line-columns-4.large-width.only-img:after{display:none}.detail-list-item.one-line-columns-4.large-width.only-img>img{height:100%;width:100%}.detail-list-item.isMobile{background:#fff;box-sizing:border-box;display:flex;flex-direction:column-reverse;height:auto!important;margin-bottom:1px!important;padding:15px 15px 43px;position:relative;width:100%!important}.detail-list-item.isMobile>p{color:#292b2c!important;display:block;font-family:PingFangSC-Medium,PingFang SC;font-size:18px;font-weight:500;line-height:25px;margin-bottom:10px;padding:0;position:static!important;white-space:normal!important;width:100%!important}.detail-list-item.isMobile .top-img-box{height:auto}.detail-list-item.isMobile .top-img-box img{border-radius:6px}.detail-list-item.isMobile .top-img-box span{bottom:12px;top:auto}.detail-list-item.isMobile .top-img-box img.play{display:block!important}.detail-list-item.isMobile .bottom{bottom:13px;height:20px;left:15px;padding:0;position:absolute;width:auto}.detail-list-item.isMobile .bottom span:first-child{display:none}.detail-list-item.isMobile .bottom span:last-child{color:#bac0c2!important;font-family:PingFangSC-Regular,PingFang SC;font-size:14px;font-weight:400;line-height:20px}.detail-list-item.isMobile.article-item .top-img-box{height:80px;padding-right:125px;position:relative}.detail-list-item.isMobile.article-item .top-img-box img{border-radius:6px;height:80px;position:absolute;right:0;top:0;width:110px}.detail-list-item.isMobile.article-item.no-intro>p{box-sizing:border-box;display:-webkit-box;padding-right:125px;position:absolute!important;top:15px;width:calc(100% - 30px)!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.detail-list-item.isMobile.article-item.has-intro .top-img-box p{display:-webkit-box;-webkit-box-orient:vertical;color:#5d6269;font-family:PingFangSC-Regular,PingFang SC;font-size:16px;font-weight:400;-webkit-line-clamp:3;line-height:24px;overflow:hidden}.detail-list-item.isMobile:after{display:none}", ""]); |
|
|
// Exports |
|
|
___CSS_LOADER_EXPORT___.locals = {}; |
|
|
module.exports = ___CSS_LOADER_EXPORT___; |
|
|
|
|
|
|
|
|
/***/ }), |
|
|
|
|
|
/***/ 148: |
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) { |
|
|
|
|
|
"use strict"; |
|
|
// ESM COMPAT FLAG |
|
|
__webpack_require__.r(__webpack_exports__); |
|
|
|
|
|
// 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!./src/components/VideoArticleListItem.vue?vue&type=template&id=ae307dfe |
|
|
var render = function render() { |
|
|
var _vm = this, |
|
|
_c = _vm._self._c; |
|
|
return _vm.detail.mainModule == 38 ? _c('div', { |
|
|
staticClass: "only-img detail-list-item large-width", |
|
|
class: 'one-line-columns-' + _vm.columnNum + (_vm.deviceType !== 'pc' ? ' isMobile' : ''), |
|
|
on: { |
|
|
"click": function ($event) { |
|
|
return _vm.goHref(_vm.detail.action_url); |
|
|
} |
|
|
} |
|
|
}, [_vm._ssrNode("<img" + _vm._ssrAttr("src", _vm.detail.image_url) + " alt>")], 2) : _c('div', { |
|
|
staticClass: "detail-list-item", |
|
|
class: (_vm.detail.showType == 2 ? 'large-width ' : '') + ('one-line-columns-' + _vm.columnNum) + (_vm.deviceType !== 'pc' ? ' isMobile' : '') + (_vm.detail.mainModule == 47 ? ' video-item' : ' article-item') + (_vm.detail.intro && _vm.detail.intro !== '' ? ' has-intro' : ' no-intro'), |
|
|
on: { |
|
|
"click": function ($event) { |
|
|
_vm.goHref((_vm.detail.mainModule == 47 ? '/video/' : '/article/') + _vm.detail.id); |
|
|
} |
|
|
} |
|
|
}, [_vm._ssrNode("<div class=\"top-img-box\">" + (_vm.detail.mainModule !== 47 && !_vm.detail.thumb ? "<img" + _vm._ssrAttr("src", __webpack_require__(66)) + " alt>" : "<img" + _vm._ssrAttr("src", _vm.detail.mainModule == 47 ? _vm.detail.video_cover_url : _vm.detail.thumb) + " alt>") + " " + (_vm.deviceType !== 'pc' && _vm.detail.intro && _vm.detail.intro !== '' ? "<p>" + _vm._ssrEscape("\n " + _vm._s(_vm.detail.intro) + "\n ") + "</p>" : "<!---->") + " " + (_vm.detail.mainModule == 47 ? "<span>" + _vm._ssrEscape(_vm._s(parseInt(_vm.detail.video_time / 60) > 9 ? parseInt(_vm.detail.video_time / 60) : '0' + parseInt(_vm.detail.video_time / 60)) + ":" + _vm._s(parseInt(_vm.detail.video_time % 60) > 9 ? parseInt(_vm.detail.video_time % 60) : '0' + parseInt(_vm.detail.video_time % 60))) + "</span> <img" + _vm._ssrAttr("src", __webpack_require__(8)) + " alt class=\"play\">" : "<!---->") + "</div> <p>" + _vm._ssrEscape(_vm._s(_vm.detail.title)) + "</p> <div class=\"bottom\"><span" + _vm._ssrStyle(null, { |
|
|
display: (_vm.detail.mainModule == 47 ? _vm.detail.tag_name : _vm.detail.labelName) ? '' : 'none' |
|
|
}, null) + ">" + _vm._ssrEscape(_vm._s(_vm.detail.mainModule == 47 ? _vm.detail.tag_name : _vm.detail.labelName)) + "</span> <span>" + _vm._ssrEscape(_vm._s(_vm.detail.mainModule == 47 ? _vm.detail.play_num : _vm.detail.hit)) + (_vm.deviceType !== 'pc' ? _vm._ssrEscape(_vm._s(_vm.detail.mainModule == 47 ? '播放' : '阅读') + " ") : "<i class=\"el-icon-view\" style=\"margin-right: 8px\"></i>") + _vm._ssrEscape(_vm._s(_vm.detail.mainModule == 47 ? _vm.detail.like_num : _vm.detail.collect)) + (_vm.deviceType !== 'pc' ? _vm._ssrEscape(_vm._s(_vm.detail.mainModule == 47 ? '喜欢' : '收藏') + " ") : _vm.detail.mainModule == 47 ? "<img" + _vm._ssrAttr("src", __webpack_require__(145)) + " alt>" : "<i class=\"el-icon-star-on\" style=\"margin-left: 2px; font-size: 18px\"></i>") + "</span></div>")]); |
|
|
}; |
|
|
var staticRenderFns = []; |
|
|
|
|
|
// CONCATENATED MODULE: ./src/components/VideoArticleListItem.vue?vue&type=template&id=ae307dfe |
|
|
|
|
|
// 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!./src/components/VideoArticleListItem.vue?vue&type=script&lang=js |
|
|
/* harmony default export */ var VideoArticleListItemvue_type_script_lang_js = ({ |
|
|
props: { |
|
|
detail: { |
|
|
type: Object, |
|
|
default: null |
|
|
}, |
|
|
columnNum: { |
|
|
type: Number, |
|
|
default: 1 |
|
|
}, |
|
|
deviceType: { |
|
|
type: String, |
|
|
default: 'pc' |
|
|
} |
|
|
}, |
|
|
created() {}, |
|
|
methods: { |
|
|
goHref(url) { |
|
|
this.$emit('addStat'); |
|
|
let openNew = false; |
|
|
if (this.deviceType === 'pc') { |
|
|
openNew = true; |
|
|
} |
|
|
if (openNew) { |
|
|
window.open(url, '_blank'); |
|
|
} else { |
|
|
window.location.href = url; |
|
|
} |
|
|
} |
|
|
} |
|
|
}); |
|
|
// CONCATENATED MODULE: ./src/components/VideoArticleListItem.vue?vue&type=script&lang=js |
|
|
/* harmony default export */ var components_VideoArticleListItemvue_type_script_lang_js = (VideoArticleListItemvue_type_script_lang_js); |
|
|
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js |
|
|
var componentNormalizer = __webpack_require__(1); |
|
|
|
|
|
// CONCATENATED MODULE: ./src/components/VideoArticleListItem.vue |
|
|
|
|
|
|
|
|
|
|
|
function injectStyles (context) { |
|
|
|
|
|
var style0 = __webpack_require__(146) |
|
|
if (style0.__inject__) style0.__inject__(context) |
|
|
|
|
|
} |
|
|
|
|
|
/* normalize component */ |
|
|
|
|
|
var component = Object(componentNormalizer["a" /* default */])( |
|
|
components_VideoArticleListItemvue_type_script_lang_js, |
|
|
render, |
|
|
staticRenderFns, |
|
|
false, |
|
|
injectStyles, |
|
|
null, |
|
|
"02aa05c6" |
|
|
|
|
|
) |
|
|
|
|
|
/* harmony default export */ var VideoArticleListItem = __webpack_exports__["default"] = (component.exports); |
|
|
|
|
|
/***/ }), |
|
|
|
|
|
/***/ 216: |
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) { |
|
|
|
|
|
"use strict"; |
|
|
// ESM COMPAT FLAG |
|
|
__webpack_require__.r(__webpack_exports__); |
|
|
|
|
|
// 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!./src/pages/article/index.vue?vue&type=template&id=e1cbe3f0 |
|
|
var render = function render() { |
|
|
var _vm = this, |
|
|
_c = _vm._self._c; |
|
|
return _c('div', { |
|
|
ref: "articleList", |
|
|
staticClass: "article-list-page" |
|
|
}, [_vm.articleList.length > 0 ? _vm._ssrNode("<div" + _vm._ssrStyle(null, { |
|
|
paddingTop: _vm.deviceType === 'pc' ? '30px' : '49px' |
|
|
}, null) + ">", "</div>", [_vm._ssrNode("<div class=\"common-flex\">", "</div>", [_vm._l(_vm.articleList, function (item) { |
|
|
return [_c('VideoArticleListItem', { |
|
|
key: 'videolist' + item.id, |
|
|
attrs: { |
|
|
"detail": item, |
|
|
"column-num": 4, |
|
|
"device-type": _vm.deviceType |
|
|
}, |
|
|
on: { |
|
|
"addStat": function ($event) { |
|
|
_vm.baiduStat('文章列表页', 'click', (item.mainModule === 38 ? '广告' : '文章列表点击-') + item.id + '+' + item.title); |
|
|
} |
|
|
} |
|
|
})]; |
|
|
})], 2), _vm._ssrNode(" " + (_vm.articleLoading ? "<p class=\"load-more\">\n 加载更多<i class=\"el-icon-loading\"></i></p>" : "<!---->"))], 2) : _vm._e()]); |
|
|
}; |
|
|
var staticRenderFns = []; |
|
|
|
|
|
// CONCATENATED MODULE: ./src/pages/article/index.vue?vue&type=template&id=e1cbe3f0 |
|
|
|
|
|
// 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!./src/pages/article/index.vue?vue&type=script&lang=js |
|
|
/* harmony default export */ var articlevue_type_script_lang_js = ({ |
|
|
name: 'ArticleIndexPage', |
|
|
layout: 'common', |
|
|
async asyncData({ |
|
|
$axios, |
|
|
query |
|
|
}) { |
|
|
if (false) {} |
|
|
// console.log(query); |
|
|
const data = await $axios.$get('/article/list?labelId=' + query.labelId + '&page=1'); |
|
|
return { |
|
|
...data.detail |
|
|
}; |
|
|
}, |
|
|
data() { |
|
|
return { |
|
|
articlePage: 2, |
|
|
articleLoading: false |
|
|
}; |
|
|
}, |
|
|
head: { |
|
|
title: '糖尿病网-文章', |
|
|
meta: [{ |
|
|
hid: 'description', |
|
|
name: 'description', |
|
|
content: '' |
|
|
}] |
|
|
}, |
|
|
computed: { |
|
|
deviceType() { |
|
|
return this.$store.state.device.deviceType; |
|
|
} |
|
|
}, |
|
|
mounted() { |
|
|
const that = this; |
|
|
let category = '药物'; |
|
|
const labelId = Number(this.$route.query.labelId); |
|
|
if (labelId === -1) { |
|
|
category = '药物'; |
|
|
} else if (labelId === 2) { |
|
|
category = '饮食'; |
|
|
} else if (labelId === 3) { |
|
|
category = '运动'; |
|
|
} else if (labelId === 17) { |
|
|
category = '并发症'; |
|
|
} else if (labelId === -2) { |
|
|
category = '监测'; |
|
|
} else if (labelId === 18) { |
|
|
category = '心理'; |
|
|
} |
|
|
this.baiduStat('文章列表页', 'show', '文章列表-' + category); |
|
|
console.log(this.$refs.articleList.offsetHeight); |
|
|
const outerHeight = document.documentElement.clientHeight || document.body.clientHeight; |
|
|
if (this.$refs.articleList.offsetHeight < outerHeight - 86 - 66) { |
|
|
this.getArticleListData(); |
|
|
} |
|
|
this.$nextTick(() => { |
|
|
window.addEventListener('scroll', function () { |
|
|
// 变量scrollTop是滚动条滚动时，距离顶部的距离 |
|
|
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop; |
|
|
// 变量windowHeight是可视区的高度 |
|
|
const windowHeight = document.documentElement.clientHeight || document.body.clientHeight; |
|
|
// 变量scrollHeight是滚动条的总高度 |
|
|
const scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight; |
|
|
// 滚动条到底部的条件 |
|
|
if (scrollTop + windowHeight > scrollHeight - 50) { |
|
|
// 写后台加载数据的函数 一定要用that |
|
|
that.getArticleListData(); |
|
|
} |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
methods: { |
|
|
async getArticleListData() { |
|
|
if (this.hasMore && !this.articleLoading) { |
|
|
this.articleLoading = true; |
|
|
const data = await this.$axios.$get('/article/list?labelId=' + this.$route.query.labelId + '&page=' + this.articlePage); |
|
|
this.hasMore = data.detail.hasMore; |
|
|
this.articleList = this.articleList.concat(data.detail.articleList); |
|
|
this.articlePage = this.articlePage + 1; |
|
|
this.articleLoading = false; |
|
|
} |
|
|
} |
|
|
} |
|
|
}); |
|
|
// CONCATENATED MODULE: ./src/pages/article/index.vue?vue&type=script&lang=js |
|
|
/* harmony default export */ var pages_articlevue_type_script_lang_js = (articlevue_type_script_lang_js); |
|
|
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js |
|
|
var componentNormalizer = __webpack_require__(1); |
|
|
|
|
|
// CONCATENATED MODULE: ./src/pages/article/index.vue |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* normalize component */ |
|
|
|
|
|
var component = Object(componentNormalizer["a" /* default */])( |
|
|
pages_articlevue_type_script_lang_js, |
|
|
render, |
|
|
staticRenderFns, |
|
|
false, |
|
|
null, |
|
|
null, |
|
|
"64cedeb4" |
|
|
|
|
|
) |
|
|
|
|
|
/* harmony default export */ var article = __webpack_exports__["default"] = (component.exports); |
|
|
|
|
|
/* nuxt-component-imports */ |
|
|
installComponents(component, {VideoArticleListItem: __webpack_require__(148).default}) |
|
|
|
|
|
|
|
|
/***/ }) |
|
|
|
|
|
};; |
|
|
//# sourceMappingURL=index.js.map
|
