|
|
(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{736:function(e,t,o){var content=o(779);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,o(24).default)("7b8b8890",content,!0,{sourceMap:!1})},778:function(e,t,o){"use strict";o(736)},779:function(e,t,o){var n=o(23),r=o(39),d=o(42),l=n(function(i){return i[1]}),c=r(d);l.push([e.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 .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%}.video-detail-page{position:relative}.video-detail-page>h4{border-bottom:1px solid #f5f5f8;color:#292b2c;font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;font-size:32px;font-weight:700;line-height:44px;margin-bottom:10px;padding-bottom:10px}.video-detail-page>p:nth-child(2),.video-detail-page>p:nth-child(3){color:#bac0c2;font-family:Apis-Regular,Apis;font-size:16px;font-weight:400;line-height:28px;margin-bottom:10px}.video-detail-page .video-box{text-align:center}.video-detail-page .video-box .video-player-box{height:360px;margin:0 auto;width:648px}.video-detail-page .video-box .video-player-box>div{padding-top:360px}.video-detail-page .go-wechat{align-items:center;background:#f5f5f8;border-radius:4px;border-radius:12px;box-shadow:10px 10px 10px #f2f2f2;box-sizing:border-box;display:flex;height:150px;justify-content:space-between;margin:100px auto 30px;padding:51px 106px 33px 309px;position:relative;width:648px}.video-detail-page .go-wechat .content{color:#001965;flex:1;font-size:16px;line-height:31px;margin-left:15px;white-space:nowrap}.video-detail-page .go-wechat .content .bold{font-size:20px;font-weight:700}.video-detail-page .go-wechat .code{background:#fff;border-radius:8px;box-shadow:0 4px 18px 0 rgba(0,0,0,.13);flex-shrink:0;height:152px;left:106px;padding:10px;position:absolute;top:-48px;width:152px}.video-detail-page .go-follow{margin:40px 0 10px}.isMobile .video-detail-page{background:#fff;padding:0!important}.isMobile .video-detail-page .video-box{box-shadow:none;height:auto;padding:0}.isMobile .video-detail-page .video-box:after{display:none}.isMobile .video-detail-page .video-box .video-player-box{height:auto;width:100%}.isMobile .video-detail-page .video-box .video-player-box>div{padding-top:56.25%}.isMobile .video-detail-page>h4{font-size:18px;line-height:24px;margin:0 15px 4px;padding:20px 5px 16px}.isMobile .video-detail-page>p:nth-child(3){font-size:12px;line-height:17px;margin-bottom:25px;padding:0 22px}.isMobile .video-detail-page .mobile-recomment-video{margin:0 15px}.isMobile .video-detail-page .mobile-recomment-video a{background:#f5f5f8;border-radius:4px;display:inline-block;margin:0 15px 16px 0;overflow:hidden;width:calc(50% - 7.5px)}.isMobile .video-detail-page .mobile-recomment-video a .video-img{position:relative}.isMobile .video-detail-page .mobile-recomment-video a .video-img 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:6px;top:6px}.isMobile .video-detail-page .mobile-recomment-video a .video-img>img:last-child{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:68px}.isMobile .video-detail-page .mobile-recomment-video a p{color:#292b2c;display:-webkit-box;font-size:16px;line-height:22px;margin:10px 0;min-height:66px;padding:0 10px;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.isMobile .video-detail-page .mobile-recomment-video a:nth-child(2n){margin-right:0}",""]),l.locals={},e.exports=l},797:function(e,t,o){"use strict";o.r(t);o(28),o(29),o(43),o(44),o(27),o(16),o(30);var n=o(15),r=o(9),d=(o(54),o(95),o(20),o(33));function l(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,n)}return o}function c(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?l(Object(o),!0).forEach(function(t){Object(n.a)(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):l(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,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 1:return t.next=2,o.$get("/video/detail?vid="+n.id,o.genSSROptions(r));case 2: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 3:case"end":return t.stop()}},t)}))()},data:function(){return{inLike:!1,playerOptions:{},mobileVideoHeight:180,mobileVideoImgHeight:77.3,isPro:!1,qrcodeUrl:o(465),qrcodeUrlTest:o(466)}},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=1;break}e.showLoginDialog(!0),t.next=4;break;case 1:if(!e.inLike){t.next=2;break}e.$message({message:"您的操作太快了",type:"warning"}),t.next=4;break;case 2:return e.baiduStat("视频详情页","click","视频详情页点赞"),e.inLike=!0,t.next=3,e.$axios.$post("/video/user-like",{vid:e.$route.params.id});case 3: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 4: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=1;break}return t.baiduStat("视频详情页","click","视频详情页-播放视频"),o.next=1,t.$axios.$post("/video/user-play",{vid:t.$route.params.id});case 1:case"end":return o.stop()}},o)}))()}})},x=(o(778),o(13)),component=Object(x.a)(f,function(){var e=this,t=e._self._c;return t("div",{staticClass:"video-detail-page",staticStyle:{padding:"30px 0 40px"}},["pc"===e.deviceType?[t("h4",[e._v(e._s(e.videoDetail.title))]),e._v(" "),t("p",[e._v("\n "+e._s(e.videoDetail.playNum)+" "),t("i",{staticClass:"el-icon-view"}),e._v(" "+e._s(e.videoDetail.publish_at)+"\n ")]),e._v(" "),t("div",{staticClass:"video-box"},[t("video-player",{staticClass:"video-player-box",attrs:{playsinline:!0,options:e.playerOptions},on:{play:e.videoPlay}})],1),e._v(" "),t("div",{staticClass:"go-wechat"},[t("img",{staticClass:"code",attrs:{src:e.isPro?e.qrcodeUrl:e.qrcodeUrlTest,alt:""}}),e._v(" "),e._m(0)])]:[t("div",{staticClass:"video-box"},[t("video-player",{staticClass:"video-player-box",attrs:{playsinline:!0,options:e.playerOptions},on:{play:e.videoPlay}})],1),e._v(" "),t("h4",[e._v(e._s(e.videoDetail.title))]),e._v(" "),t("p",[e._v("\n "+e._s(e.videoDetail.playNum)+" "),t("i",{staticClass:"el-icon-view"}),e._v(" "+e._s(e.videoDetail.publish_at)+"\n ")]),e._v(" "),e.videoDetail.recommendList.length>0?t("div",{staticClass:"mobile-recomment-video"},e._l(e.videoDetail.recommendList,function(video){return t("a",{key:"video"+video.id,attrs:{href:"/video/"+video.id},on:{click:function(t){return e.baiduStat("移动端-视频详情页","click","移动端视频详情页-推荐视频-"+video.id+"+"+video.title)}}},[t("div",{staticClass:"video-img"},[t("img",{style:{height:e.mobileVideoImgHeight+"px"},attrs:{src:video.video_cover_url,alt:""}}),e._v(" "),t("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(" "),t("img",{staticClass:"play",attrs:{src:o(42),alt:""}})]),e._v(" "),t("p",[e._v(e._s(video.title))])])}),0):e._e()],e._v(" "),t("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._self._c;return t("div",{staticClass:"content"},[e._v("\n 微信扫码关注"),t("span",{staticClass:"bold"},[e._v("糖尿病网")]),e._v("公众号\n "),t("br"),e._v("\n 专业资讯随时看\n ")])}],!1,null,null,null);t.default=component.exports;installComponents(component,{BottomRightFixed:o(464).default})}}]); |
