|
|
(window.webpackJsonp=window.webpackJsonp||[]).push([[24,6],{704:function(t,e,o){var content=o(707);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(24).default)("f0a69850",content,!0,{sourceMap:!1})},705:function(t,e){t.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"},706:function(t,e,o){"use strict";o(704)},707:function(t,e,o){var n=o(23),l=o(39),r=o(42),d=n(function(i){return i[1]}),c=l(r);d.push([t.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("+c+') 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}',""]),d.locals={},t.exports=d},708:function(t,e,o){"use strict";o.r(e);o(95);var n={props:{detail:{type:Object,default:null},columnNum:{type:Number,default:1},deviceType:{type:String,default:"pc"}},created:function(){},methods:{goHref:function(t){this.$emit("addStat");var e=!1;"pc"===this.deviceType&&(e=!0),e?window.open(t,"_blank"):window.location.href=t}}},l=(o(706),o(13)),component=Object(l.a)(n,function(){var t=this,e=t._self._c;return 38==t.detail.mainModule?e("div",{staticClass:"only-img detail-list-item large-width",class:"one-line-columns-"+t.columnNum+("pc"!==t.deviceType?" isMobile":""),on:{click:function(e){return t.goHref(t.detail.action_url)}}},[e("img",{attrs:{src:t.detail.image_url,alt:""}})]):e("div",{staticClass:"detail-list-item",class:(2==t.detail.showType?"large-width ":"")+"one-line-columns-"+t.columnNum+("pc"!==t.deviceType?" isMobile":"")+(47==t.detail.mainModule?" video-item":" article-item")+(t.detail.intro&&""!==t.detail.intro?" has-intro":" no-intro"),on:{click:function(e){t.goHref((47==t.detail.mainModule?"/video/":"/article/")+t.detail.id)}}},[e("div",{staticClass:"top-img-box"},[47===t.detail.mainModule||t.detail.thumb?e("img",{attrs:{src:47==t.detail.mainModule?t.detail.video_cover_url:t.detail.thumb,alt:""}}):e("img",{attrs:{src:o(463),alt:""}}),t._v(" "),"pc"!==t.deviceType&&t.detail.intro&&""!==t.detail.intro?e("p",[t._v("\n "+t._s(t.detail.intro)+"\n ")]):t._e(),t._v(" "),47==t.detail.mainModule?[e("span",[t._v(t._s(parseInt(t.detail.video_time/60)>9?parseInt(t.detail.video_time/60):"0"+parseInt(t.detail.video_time/60))+":"+t._s(parseInt(t.detail.video_time%60)>9?parseInt(t.detail.video_time%60):"0"+parseInt(t.detail.video_time%60)))]),t._v(" "),e("img",{staticClass:"play",attrs:{src:o(42),alt:""}})]:t._e()],2),t._v(" "),e("p",[t._v(t._s(t.detail.title))]),t._v(" "),e("div",{staticClass:"bottom"},[e("span",{style:{display:(47==t.detail.mainModule?t.detail.tag_name:t.detail.labelName)?"":"none"}},[t._v(t._s(47==t.detail.mainModule?t.detail.tag_name:t.detail.labelName))]),t._v(" "),e("span",[t._v(t._s(47==t.detail.mainModule?t.detail.play_num:t.detail.hit)),"pc"!==t.deviceType?[t._v(t._s(47==t.detail.mainModule?"播放":"阅读")+" ")]:e("i",{staticClass:"el-icon-view",staticStyle:{"margin-right":"8px"}}),t._v(t._s(47==t.detail.mainModule?t.detail.like_num:t.detail.collect)),"pc"!==t.deviceType?[t._v(t._s(47==t.detail.mainModule?"喜欢":"收藏")+" ")]:[47==t.detail.mainModule?e("img",{attrs:{src:o(705),alt:""}}):e("i",{staticClass:"el-icon-star-on",staticStyle:{"margin-left":"2px","font-size":"18px"}})]],2)])])},[],!1,null,null,null);e.default=component.exports},785:function(t,e,o){"use strict";o.r(e);o(28),o(29),o(43),o(44),o(27),o(16),o(30);var n=o(15),l=o(9);o(96),o(54);function r(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),o.push.apply(o,n)}return o}function d(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?r(Object(o),!0).forEach(function(e){Object(n.a)(t,e,o[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):r(Object(o)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))})}return t}var c={name:"VideoIndexPage",layout:"common",asyncData:function(t){return Object(l.a)(regeneratorRuntime.mark(function e(){var o,data;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return o=t.$axios,e.abrupt("return");case 1:return e.next=2,o.$get("/video/list?page=1");case 2:return data=e.sent,e.abrupt("return",d({},data.detail));case 3:case"end":return e.stop()}},e)}))()},data:function(){return{videoPage:2,videoLoading:!1}},head:{title:"糖尿病网-视频",meta:[{hid:"description",name:"description",content:""}]},computed:{deviceType:function(){return this.$store.state.device.deviceType}},mounted:function(){var t=this;t.baiduStat("视频列表页","show","视频列表-访问"),console.log(this.$refs.videoList.offsetHeight);var e=document.documentElement.clientHeight||document.body.clientHeight;this.$refs.videoList.offsetHeight<e-86-66&&this.getVideoListData(),this.$nextTick(function(){window.addEventListener("scroll",function(){(document.documentElement.scrollTop||document.body.scrollTop)+(document.documentElement.clientHeight||document.body.clientHeight)>(document.documentElement.scrollHeight||document.body.scrollHeight)-50&&t.getVideoListData()})})},methods:{getVideoListData:function(){var t=this;return Object(l.a)(regeneratorRuntime.mark(function e(){var data;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.hasMore||t.videoLoading){e.next=2;break}return t.videoLoading=!0,e.next=1,t.$axios.$get("/video/list?page="+t.videoPage);case 1:data=e.sent,t.hasMore=data.detail.hasMore,t.videoList=t.videoList.concat(data.detail.videoList),t.videoPage=t.videoPage+1,t.videoLoading=!1;case 2:case"end":return e.stop()}},e)}))()}}},m=o(13),component=Object(m.a)(c,function(){var t=this,e=t._self._c;return e("div",{ref:"videoList",staticClass:"video-list-page"},[t.videoList.length>0?e("div",{style:{paddingTop:"pc"===t.deviceType?"30px":"49px"}},[e("div",{staticClass:"common-flex"},[t._l(t.videoList,function(o){return[e("VideoArticleListItem",{key:"video"+o.id,attrs:{detail:o,"column-num":4,"device-type":t.deviceType},on:{addStat:function(e){t.baiduStat("视频列表页","click",(38===o.mainModule?"广告":"视频列表点击-")+o.id+"+"+o.title)}}})]})],2),t._v(" "),t.videoLoading?e("p",{staticClass:"load-more"},[t._v("\n 加载更多"),e("i",{staticClass:"el-icon-loading"})]):t._e()]):t._e()])},[],!1,null,null,null);e.default=component.exports;installComponents(component,{VideoArticleListItem:o(708).default})}}]); |
