|
|
(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{643:function(e,t,o){var content=o(682);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,o(23).default)("7415669d",content,!0,{sourceMap:!1})},681:function(e,t,o){"use strict";o(643)},682:function(e,t,o){var n=o(22),r=o(36),d=o(44),l=n(!1),c=r(d);l.push([e.i,"*{margin:0;border:none;padding:0}html{height:100%}body{position:relative;min-width:320px;min-height:100%;background:#fff;font-family:MicrosoftYaHei;font-size:0}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{position:absolute!important;min-width:auto!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{margin-bottom:10px!important;font-size:20px!important;line-height:28px!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{margin-bottom:8px!important;font-size:16px!important;line-height:24px!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{vertical-align:top;-o-object-fit:cover;object-fit:cover}body a{text-decoration:none}body .text-ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body .left-content{display:inline-block;margin-right:32px;width:723px}body .right-content{float:right;display:inline-block;width:325px}body .common-flex{display:grid;grid-template-columns:repeat(4,25%)}body .load-more{margin:0 auto;width:357px;height:50px;background:#f5f5f8;border-radius:4px;font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#939aa7;line-height:50px;text-align:center}body .footer-outer{position:fixed;bottom:0;left:0;width:100%;min-width:1258px;background:#f5f5f8;z-index:9}body .common-title{padding:20px 0 10px;text-align:left;font-size:24px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#001965;line-height:33px}body .common-title a{float:right;font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#5d6269}body .common-title a i{color:#001965}body p.go-follow{margin-bottom:23px;height:50px;background:#e6553f;border-radius:4px;text-align:center;cursor:pointer;font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;line-height:50px}body .common-other-content{margin:44px 0;padding:30px;box-sizing:border-box}body .common-other-content h6{margin-bottom:20px;font-size:24px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#001965;line-height:33px}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{margin-bottom:12px;font-size:18px;color:#5d6269;line-height:30px}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{min-width:200px;max-width:80%}}body .video-player-box .vjs-big-play-button{top:50%;left:50%;border:none;outline:none;width:68px;height:67px;transform:translate(-50%,-50%);background:url("+c+") 50% no-repeat;background-color:transparent!important;background-size:68px 67px}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%}.video-detail-page{position:relative}.video-detail-page>h4{margin-bottom:10px;border-bottom:1px solid #f5f5f8;padding-bottom:10px;font-size:32px;font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;font-weight:700;color:#292b2c;line-height:44px}.video-detail-page>p:nth-child(2),.video-detail-page>p:nth-child(3){margin-bottom:10px;font-size:16px;font-family:Apis-Regular,Apis;font-weight:400;color:#bac0c2;line-height:28px}.video-detail-page .video-box{text-align:center}.video-detail-page .video-box .video-player-box{margin:0 auto;width:648px;height:360px}.video-detail-page .video-box .video-player-box>div{padding-top:360px}.video-detail-page .go-wechat{display:flex;margin:100px auto 30px;padding:51px 106px 33px 309px;width:648px;height:150px;background:#f5f5f8;border-radius:4px;box-sizing:border-box;align-items:center;justify-content:space-between;border-radius:12px;box-shadow:10px 10px 10px #f2f2f2;position:relative}.video-detail-page .go-wechat .content{margin-left:15px;flex:1;font-size:16px;color:#001965;line-height:31px;white-space:nowrap}.video-detail-page .go-wechat .content .bold{font-size:20px;font-weight:700}.video-detail-page .go-wechat .code{position:absolute;left:106px;top:-48px;flex-shrink:0;width:152px;height:152px;padding:10px;border-radius:8px;box-shadow:0 4px 18px 0 rgba(0,0,0,.13);background:#fff}.video-detail-page .go-follow{margin:40px 0 10px}.isMobile .video-detail-page{padding:0!important;background:#fff}.isMobile .video-detail-page .video-box{padding:0;height:auto;box-shadow:none}.isMobile .video-detail-page .video-box:after{display:none}.isMobile .video-detail-page .video-box .video-player-box{width:100%;height:auto}.isMobile .video-detail-page .video-box .video-player-box>div{padding-top:56.25%}.isMobile .video-detail-page>h4{margin:0 15px 4px;padding:20px 5px 16px;font-size:18px;line-height:24px}.isMobile .video-detail-page>p:nth-child(3){margin-bottom:25px;padding:0 22px;font-size:12px;line-height:17px}.isMobile .video-detail-page .mobile-recomment-video{margin:0 15px}.isMobile .video-detail-page .mobile-recomment-video a{overflow:hidden;display:inline-block;margin:0 15px 16px 0;width:calc(50% - 7.5px);background:#f5f5f8;border-radius:4px}.isMobile .video-detail-page .mobile-recomment-video a .video-img{position:relative}.isMobile .video-detail-page .mobile-recomment-video a .video-img span{position:absolute;top:6px;right:6px;padding:0 9px;height:24px;background:rgba(0,0,0,.4);border-radius:4px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;line-height:24px}.isMobile .video-detail-page .mobile-recomment-video a .video-img>img:last-child{position:absolute;top:50%;left:50%;width:68px;transform:translate(-50%,-50%)}.isMobile .video-detail-page .mobile-recomment-video a p{margin:10px 0;padding:0 10px;min-height:66px;font-size:16px;color:#292b2c;line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.isMobile .video-detail-page .mobile-recomment-video a:nth-child(2n){margin-right:0}",""]),e.exports=l},702:function(e,t,o){"use strict";o.r(t);o(25),o(19),o(24),o(10),o(37),o(20),o(38);var n=o(12),r=o(7),d=(o(52),o(18),o(99),o(28));function l(object,e){var t=Object.keys(object);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(object);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(object,e).enumerable}))),t.push.apply(t,o)}return t}function c(e){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?l(Object(source),!0).forEach((function(t){Object(n.a)(e,t,source[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(source)):l(Object(source)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(source,t))}))}return e}var m=Object(d.a)("user"),h=m.mapActions,f={name:"VideoDetailPage",layout:"detail",validate:function(e){var t=e.params;return/^\d+$/.test(t.id)},asyncData:function(e){return Object(r.a)(regeneratorRuntime.mark((function t(){var o,n,r,d,l,data;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return o=e.$axios,n=e.params,r=e.req,d=e.store,l=e.redirect,t.abrupt("return");case 3:return t.next=5,o.$get("/video/detail?vid="+n.id,o.genSSROptions(r));case 5:return!1===(data=t.sent).success&&l("/error?code=404"),t.abrupt("return",{videoDetail:data.detail,playerOptions:{playbackRates:[.7,1,1.5,2],autoplay:!1,muted:!1,loop:!1,preload:"auto",language:"en",fluid:!0,sources:[{type:"",src:data.detail.video_url}],poster:data.detail.video_cover_url,width:"pc"===d.state.device.deviceType?648:"",height:"pc"===d.state.device.deviceType?360:"",aspectRatio:"16:9",notSupportedMessage:"此视频暂无法播放，请稍后再试",controlBar:{timeDivider:!0,durationDisplay:!0,remainingTimeDisplay:!1,fullscreenToggle:!0}}});case 8:case"end":return t.stop()}}),t)})))()},data:function(){return{inLike:!1,playerOptions:{},mobileVideoHeight:180,mobileVideoImgHeight:77.3,isPro:!1,qrcodeUrl:o(419),qrcodeUrlTest:o(420)}},head:function(){return{title:this.videoDetail.title,meta:[{hid:"description",name:"description",content:"Home page description"}]}},computed:c(c({},(0,m.mapGetters)({isLogin:"isLogin"})),{},{deviceType:function(){return this.$store.state.device.deviceType}}),mounted:function(){this.isPro=!0,this.mobileVideoHeight=9*(document.documentElement.offsetWidth||document.body.offsetWidth)/16,this.mobileVideoImgHeight=((document.documentElement.offsetWidth||document.body.offsetWidth)-45)/2*9/16},methods:c(c({},h({showLoginDialog:"showLoginDialog"})),{},{likeClick:function(){var e=this;return Object(r.a)(regeneratorRuntime.mark((function t(){var data;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e.isLogin){t.next=4;break}e.showLoginDialog(!0),t.next=16;break;case 4:if(!e.inLike){t.next=8;break}e.$message({message:"您的操作太快了",type:"warning"}),t.next=16;break;case 8:return e.baiduStat("视频详情页","click","视频详情页点赞"),e.inLike=!0,t.next=12,e.$axios.$post("/video/user-like",{vid:e.$route.params.id});case 12:data=t.sent,e.videoDetail.selfLike=data.detail.curState,data.detail.curState?e.videoDetail.likeNum=Number(e.videoDetail.likeNum)+1:e.videoDetail.likeNum=Number(e.videoDetail.likeNum)-1,e.inLike=!1;case 16:case"end":return t.stop()}}),t)})))()},videoPlay:function(e){var t=this;return Object(r.a)(regeneratorRuntime.mark((function o(){return regeneratorRuntime.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:if(0!==e.cache_.currentTime&&void 0!==e.cache_.currentTime){o.next=4;break}return t.baiduStat("视频详情页","click","视频详情页-播放视频"),o.next=4,t.$axios.$post("/video/user-play",{vid:t.$route.params.id});case 4:case"end":return o.stop()}}),o)})))()}})},x=(o(681),o(11)),component=Object(x.a)(f,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"video-detail-page",staticStyle:{padding:"30px 0 40px"}},["pc"===e.deviceType?[n("h4",[e._v(e._s(e.videoDetail.title))]),e._v(" "),n("p",[e._v("\n "+e._s(e.videoDetail.playNum)+" "),n("i",{staticClass:"el-icon-view"}),e._v(" "+e._s(e.videoDetail.publish_at)+"\n ")]),e._v(" "),n("div",{staticClass:"video-box"},[n("video-player",{staticClass:"video-player-box",attrs:{playsinline:!0,options:e.playerOptions},on:{play:e.videoPlay}})],1),e._v(" "),n("div",{staticClass:"go-wechat"},[n("img",{staticClass:"code",attrs:{src:e.isPro?e.qrcodeUrl:e.qrcodeUrlTest,alt:""}}),e._v(" "),e._m(0)])]:[n("div",{staticClass:"video-box"},[n("video-player",{staticClass:"video-player-box",attrs:{playsinline:!0,options:e.playerOptions},on:{play:e.videoPlay}})],1),e._v(" "),n("h4",[e._v(e._s(e.videoDetail.title))]),e._v(" "),n("p",[e._v("\n "+e._s(e.videoDetail.playNum)+" "),n("i",{staticClass:"el-icon-view"}),e._v(" "+e._s(e.videoDetail.publish_at)+"\n ")]),e._v(" "),e.videoDetail.recommendList.length>0?n("div",{staticClass:"mobile-recomment-video"},e._l(e.videoDetail.recommendList,(function(video){return n("a",{key:"video"+video.id,attrs:{href:"/video/"+video.id},on:{click:function(t){return e.baiduStat("移动端-视频详情页","click","移动端视频详情页-推荐视频-"+video.id+"+"+video.title)}}},[n("div",{staticClass:"video-img"},[n("img",{style:{height:e.mobileVideoImgHeight+"px"},attrs:{src:video.video_cover_url,alt:""}}),e._v(" "),n("span",[e._v(e._s(parseInt(video.video_time/60)>9?parseInt(video.video_time/60):"0"+parseInt(video.video_time/60))+":"+e._s(parseInt(video.video_time%60)>9?parseInt(video.video_time%60):"0"+parseInt(video.video_time%60)))]),e._v(" "),n("img",{staticClass:"play",attrs:{src:o(44),alt:""}})]),e._v(" "),n("p",[e._v(e._s(video.title))])])})),0):e._e()],e._v(" "),n("BottomRightFixed",{attrs:{"show-share":!0,"show-like":!0,"is-login":e.isLogin,"is-like":e.videoDetail.selfLike,"like-num":e.videoDetail.likeNum},on:{likeClick:e.likeClick}})],2)}),[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"content"},[e._v("\n 微信扫码关注"),o("span",{staticClass:"bold"},[e._v("糖尿病网")]),e._v("公众号\n "),o("br"),e._v("\n 专业资讯随时看\n ")])}],!1,null,null,null);t.default=component.exports;installComponents(component,{BottomRightFixed:o(418).default})}}]); |
