|
|
(window.webpackJsonp=window.webpackJsonp||[]).push([[7,3],{715:function(t,e,o){var content=o(722);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(24).default)("11f2e1da",content,!0,{sourceMap:!1})},719:function(t,e,o){"use strict";var n=o(3),r=o(720),c=o(211);n({target:"Array",proto:!0},{fill:r}),c("fill")},720:function(t,e,o){"use strict";var n=o(45),r=o(117),c=o(62);t.exports=function(t){for(var e=n(this),o=c(e),l=arguments.length,d=r(l>1?arguments[1]:void 0,o),h=l>2?arguments[2]:void 0,m=void 0===h?o:r(h,o);m>d;)e[d++]=t;return e}},721:function(t,e,o){"use strict";o(715)},722:function(t,e,o){var n=o(23)(function(i){return i[1]});n.push([t.i,".z_barrage-container[data-v-c3f32de4]{pointer-events:none}.z_container[data-v-c3f32de4]{overflow:hidden;width:100%}.z_barrage[data-v-c3f32de4]{left:0;position:absolute;top:0}",""]),n.locals={},t.exports=n},734:function(t,e,o){var content=o(773);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(24).default)("099a4246",content,!0,{sourceMap:!1})},739:function(t,e,o){"use strict";o.r(e);o(96),o(719),o(467),o(95),o(27),o(16),o(48);var n,r,c={name:"Barrage",props:{barrageList:{type:Array,default:function(){return[]}},speed:{type:Number,default:4},loop:{type:Boolean,default:!0},channels:{type:Number,default:2},barrageHeight:{type:Number,default:60},screenPercent:{type:Number,default:.3},borderColor:{type:String,default:""},background:{type:String,default:""},deviceType:{type:String,default:"pc"},linearGradient:{type:Object,default:function(){return{startColor:"",endColor:""}}}},data:function(){return{newBarrageArray:[],barrageArray:[],barrageQueue:[],containerWidth:0,containerHeight:0,channelsArray:[],barrageChannels:1}},watch:{barrageList:function(t){0!==t.length&&(this.barrageQueue=JSON.parse(JSON.stringify(t)),this.newBarrageArray=JSON.parse(JSON.stringify(t)),this.initData(),window.cancelAnimationFrame(n),n=window.requestAnimationFrame(this.render))}},mounted:function(){this.containerWidth="pc"===this.deviceType?1446:2*document.body.clientWidth,this.containerHeight=730,this.barrageChannels=this.channels,this.ctx=this.$refs.canvas.getContext("2d"),this.ctx1=this.$refs.canvasContainer.getContext("2d"),this.barrageClickEvent()},methods:{initData:function(){for(var i=0;i<this.barrageQueue.length;i++){var t=null,img=null;this.barrageQueue[i].icon&&((img=new Image).src=this.barrageQueue[i].icon),this.barrageQueue[i].tagImage&&((t=new Image).src=this.barrageQueue[i].tagImage);var content=this.dealStr(this.barrageQueue[i].content);this.barrageArray.push({id:this.barrageQueue[i].id,content:content,x:this.containerWidth+this.barrageHeight,icon:img,tagImage:t,width:3.6*this.ctx1.measureText(content).width+(this.barrageQueue[i].icon?60:0),color:this.barrageQueue[i].color||"#FFFFFF",bgColor:this.barrageQueue[i].bgColor||"rgba(0,0,0,0.4)"})}this.initChannel()},initChannel:function(){for(var i=0;i<this.barrageChannels;i++){var t=this.barrageArray.shift();this.channelsArray[i]=t?[t]:[]}},render:function(){this.ctx.clearRect(0,0,this.containerWidth,this.containerHeight),this.ctx.font="36px Microsoft YaHei",this.draw(),window.cancelAnimationFrame(r),r=window.requestAnimationFrame(this.render)},draw:function(){for(var i=0;i<this.channelsArray.length;i++)for(var t=0;t<this.channelsArray[i].length;t++)try{var e=this.channelsArray[i][t];if(e.x-=this.speed,e.x<=this.containerWidth&&(this.borderColor&&this.drawRoundRectBorder(this.ctx,e.x-this.barrageHeight/2,i*(this.barrageHeight+60)+20,e.width+this.barrageHeight,this.barrageHeight,this.barrageHeight/2),this.drawRoundRect(this.ctx,e.bgColor,e.x-this.barrageHeight/2,i*(this.barrageHeight+60)+21,e.width+this.barrageHeight,this.barrageHeight-2,this.barrageHeight/2),this.ctx.fillStyle="".concat(e.color),this.ctx.fillText(e.content,e.x+(e.icon?this.barrageHeight/2+10:-5),i*(this.barrageHeight+60)+this.barrageHeight-25),e.icon&&this.circleImg(this.ctx,e.icon,e.x-40,i*(this.barrageHeight+60)+40,40),e.tagImage&&this.originImg(this.ctx,e.tagImage,e.x-this.barrageHeight-10,i*(this.barrageHeight+60)+20,this.barrageHeight,this.barrageHeight)),e.x<-(e.width+this.barrageHeight)){var o=this.channelsArray.reduce(function(a,b){return a.concat(b)});this.loop&&this.checkBarrageStatus(o)&&(this.barrageQueue=[],this.barrageQueue=JSON.parse(JSON.stringify(this.newBarrageArray)),this.initData())}if(e.x<=Math.floor(this.containerWidth-e.width-40)&&e.x>=Math.floor(this.containerWidth-e.width-40-this.speed)&&t===this.channelsArray[i].length-1&&0!==this.barrageArray.length){var n=this.barrageArray.shift();this.channelsArray[i].push(n)}}catch(t){console.log(t)}},add:function(t){var content=this.dealStr(t.content),img=null,e=null;t.icon&&((img=new Image).src=t.icon),t.tagImage&&((e=new Image).src=t.tagImage);var o={id:t.id,content:content,x:this.containerWidth+this.barrageHeight,icon:t.icon?img:"",tagImage:t.tagImage?e:"",width:3*this.ctx1.measureText(content).width+(t.icon?this.barrageHeight:0),color:t.color||"#FFFFFF",bgColor:t.bgColor||"rgba(0,0,0,0.4)"},n={id:t.id,content:t.content,icon:t.icon,tagImage:t.tagImage,color:t.color||"#FFFFFF",bgColor:t.bgColor||"rgba(0,0,0,0.4)"};if(0===this.barrageArray.length)this.newBarrageArray.unshift(n);else{this.barrageArray.unshift(o);var r=this.barrageList.length-this.barrageArray.length;this.newBarrageArray.splice(r,0,n)}},barrageClickEvent:function(){var t=this;document.getElementById("canvas").addEventListener("click",function(e){for(var p=t.getEventPosition(e),o=Math.floor(p.y/(t.barrageHeight+36)),n=JSON.parse(JSON.stringify(t.channelsArray[o])),i=0;i<n.length;i++){var r=n[i];p.x>r.x&&p.x<r.x+r.width&&r.id&&t.$emit("doLike",r.id)}},!1)},getEventPosition:function(t){var e,o;return t.layerX||0===t.layerX?(e=t.layerX,o=t.layerY):(t.offsetX||0===t.offsetX)&&(e=t.offsetX,o=t.offsetY),{x:2*e,y:2*o}},checkBarrageStatus:function(t){for(var i=0;i<t.length;i++)if(t[i].x>-t[i].width)return!1;return!0},dealStr:function(t){return t.length>50?"".concat(t.substring(0,50),"..."):t},getColor:function(){return"#".concat(Math.floor(16777215*Math.random()).toString(16))},circleImg:function(t,img,e,o,n){t.save();var r=2*n,c=e+n,l=o+n;t.beginPath(),t.arc(c,l,n,0,2*Math.PI),t.clip(),t.drawImage(img,e,o,r,r),t.restore(),t.closePath()},originImg:function(t,img,e,o,n,r){try{t.beginPath(),t.drawImage(img,e,o,n,r),t.closePath()}catch(t){console.log(t)}},drawRoundRect:function(t,e,o,n,r,c,l){if(this.linearGradient.startColor&&this.linearGradient.endColor){var d=t.createLinearGradient(o,n,o,n+c);d.addColorStop(0,this.linearGradient.startColor),d.addColorStop(1,this.linearGradient.endColor),t.fillStyle=d||e}else t.fillStyle=this.background||e;t.beginPath(),t.arc(o+l,n+l,l,Math.PI,3*Math.PI/2),t.lineTo(r-l+o,n),t.arc(r-l+o,l+n,l,3*Math.PI/2,2*Math.PI),t.lineTo(r+o,c+n-l),t.arc(r-l+o,c-l+n,l,0,Math.PI/2),t.lineTo(l+o,c+n),t.arc(l+o,c-l+n,l,Math.PI/2,Math.PI),t.fill(),t.closePath()},drawRoundRectBorder:function(t,e,o,n,r,c){t.beginPath(),t.lineWidth=2,t.strokeStyle=this.borderColor,t.arc(e+c,o+c,c,Math.PI,3*Math.PI/2),t.lineTo(n-c+e,o),t.arc(n-c+e,c+o,c,3*Math.PI/2,2*Math.PI),t.lineTo(n+e,r+o-c),t.arc(n-c+e,r-c+o,c,0,Math.PI/2),t.lineTo(c+e,r+o),t.arc(c+e,r-c+o,c,Math.PI/2,Math.PI),t.stroke(),t.closePath()}}},l=(o(721),o(13)),component=Object(l.a)(c,function(){var t=this,e=t._self._c;return e("div",{staticClass:"z_barrage-container"},[e("canvas",{ref:"canvasContainer",staticStyle:{display:"none"},attrs:{width:t.containerWidth,height:t.containerHeight}}),t._v(" "),e("div",{staticClass:"z_container",style:{height:t.containerHeight/2+"px"}},[e("canvas",{ref:"canvas",staticClass:"z_barrage",style:{width:t.containerWidth/2+"px",height:t.containerHeight/2+"px"},attrs:{id:"canvas",width:t.containerWidth,height:t.containerHeight}})])])},[],!1,null,"c3f32de4",null);e.default=component.exports},767:function(t,e,o){t.exports=o.p+"img/chatbot_audio_feature.458e9b3.png"},768:function(t,e,o){t.exports=o.p+"img/play_chatbot_audio.87713b4.png"},769:function(t,e,o){t.exports=o.p+"img/pause_chatbot_audio.48f50e9.png"},770:function(t,e,o){t.exports=o.p+"img/public.3e79446.png"},771:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA4JJREFUWEfVmO+LFVUYx7/f2Uv+AaE2cyl8EfUiMWkNg3BnxDSlCLWZa0GhICqYJb1YDCXoRSJoEAoG3YgKFevOZNGLDEt3Zn2h4C8INyp6Vd4Z3YVAeqXunSfORZd19/44M3vvcp1XlzvP83k+58w5Z84Zoscv9rgfHmzB5DVnQa0Gpw9ii6AA8JJQRop+9HOeno/dgVUA+0k+LZT/mOLUQynPPXwivNaM17AHr7vOy0LZI8BzjRIF+AvEyUJfYe/846dvtJK98fqK+eO18T0QrCHweKNYAudSwWfFIPpi6v37BIccp/DE3PRjgjt0ekiAXykyaAXDpxrFqx4T8gCBRTo8Amf+xdiap/zfbt+LnxCsesufJNLfdUDTWikomUHkT/4/cW1PiEoe3u1aai04cTZRuZME7SoBKw+wDpokORO5u1Ijph8tnBCMXbsMYkteOZVXH5cixwxwNCXebTbetGsI37eC8ENWPXslgYZjSBvWrUCRFxmX7HcgONitGjPhkhxk7NmfAtg6E1AXc48owYsA+rtYJDe6vozFni25CbOQyMQbOC/g0lmolbmEAFdYLdmHKHg7c/asJPBz9YjVBFETpecuoexg/KqzBIZc6Dk7JZTy2fqrLnbtIyDe6ClJwVEriN6sC1ZLzgsUybXH61ajhFxZrIS/TGwWYs/+DsDabhXMyP3e8qN1E5sF9ePvDc7CQiqnAczLCOt0+Oi4wRWPfRNevU+wPhZ7Y0Zvs/yofK/V07b8iet8KZSNne4WHR6FX5lBuGly7HRBb9lcgfETgGd0oB2MuUykq03/7FhLQXXzH9dx+ihKck4HBVqhbtWEqx8NwnBqUNNzceLa24U4PBuCFLxlBtEnjWq1PLjH3sA+gO91VVKw2wqifc1qtP2ykJTswyLY3g1J9a4tVoZbPqW2gvU3jWfvJzDYSUm1nTcr4UftmFqCCpJ4ziaBTDv5tyvQ8D6x06pEh3RytQUVbNRzFo9DruiAm44pyktmZfhHXUYmQQUdW7/MvNNHH+DzukXuxv0pMF4p+kN/ZMnLLKjg8gGMZMQpA7JZpxiBHx7BvPX0/ZpOfNuFWhcSu/ZeELtbxZPYb1aiXbpM7YVaFxh7y/uBVB0bpp6ty4BRtvyhS7qszAt1FvA1z1lsMN0oKW5SjK+tb8NcX8o63oNZGpEnNtckyVMob07PC/4PRJ4btbS2eHQAAAAASUVORK5CYII="},772:function(t,e,o){"use strict";o(734)},773:function(t,e,o){var n=o(23),r=o(39),c=o(42),l=n(function(i){return i[1]}),d=r(c);l.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}.article-detail-page .comment-model-popup .content>div>div>div>div body p,body .article-detail-page .comment-model-popup .content>div>div>div>div 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("+d+") 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%}.article-detail-page{position:relative}.article-detail-page .left-content div.top{border-bottom:1px solid #f5f5f8;margin-bottom:20px;padding-bottom:30px}.article-detail-page .left-content div.top img{border-radius:4px;height:407px;width:100%}.article-detail-page .left-content div.top h4{color:#292b2c;font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;font-size:32px;font-weight:700;line-height:44px}.article-detail-page .left-content>p:nth-child(2){color:#bac0c2;font-family:Apis-Regular,Apis;font-size:16px;font-weight:400;line-height:28px;margin-bottom:20px}.article-detail-page .left-content .video-box{margin-bottom:20px}.article-detail-page .left-content .video-box video{width:100%}.article-detail-page .left-content .chatbot-audio{background:#f5f5f8;border-radius:8px;box-sizing:border-box;height:105px;margin-bottom:20px;padding:16px 16px 0 85px;position:relative;width:100%}.article-detail-page .left-content .chatbot-audio>img{height:87px;left:12px;position:absolute;top:12px;width:57px}.article-detail-page .left-content .chatbot-audio>div h6{color:#333;font-family:PingFangSC-Semibold,PingFang SC;font-size:18px;font-weight:600;line-height:25px}.article-detail-page .left-content .chatbot-audio>div>div{margin-top:25px;padding-left:48px;position:relative}.article-detail-page .left-content .chatbot-audio>div>div>img{cursor:pointer;height:60px;left:-10px;position:absolute;top:-17px;width:60px}.article-detail-page .left-content .chatbot-audio>div>div div{display:flex}.article-detail-page .left-content .chatbot-audio>div>div div>span{color:#939aa7;font-family:PingFangSC-Regular,PingFang SC;font-size:12px;font-weight:400;line-height:17px;width:38px}.article-detail-page .left-content .chatbot-audio>div>div div p{background:#e3e3e3;border-radius:2px;height:3px;margin-top:7px;position:relative;width:calc(100% - 76px)}.article-detail-page .left-content .chatbot-audio>div>div div p span{background:linear-gradient(90deg,#3b97de,#38b0ff);border-radius:2px;height:3px;left:0;position:absolute;top:0}.article-detail-page .left-content .chatbot-audio>div>div div>span:last-child{text-align:right}.article-detail-page .left-content .article-content{border-bottom:1px solid #f5f5f8;color:#292b2c;font-size:18px;line-height:30px;padding:23px 0}.article-detail-page .left-content .article-content img{border-radius:4px;max-width:100%}.article-detail-page .left-content .bottom-box{padding-top:20px}.article-detail-page .left-content .bottom-box div.comment-box{position:relative}.article-detail-page .left-content .bottom-box div.comment-box h6{height:50px}.article-detail-page .left-content .bottom-box div.comment-box h6 span:first-child{color:#001965;font-family:PingFangSC-Medium,PingFang SC;font-size:24px;font-weight:500;line-height:50px}.article-detail-page .left-content .bottom-box div.comment-box h6 span:last-child{background:#3099ea;border-radius:4px;color:#fff;cursor:pointer;float:right;font-family:PingFangSC-Regular,PingFang SC;font-size:18px;font-weight:400;height:50px;line-height:50px;text-align:center;width:208px}.article-detail-page .left-content .bottom-box div.comment-box .comment-content{box-sizing:border-box;height:365px;margin-top:24px;position:relative}.article-detail-page .left-content .bottom-box div.comment-box .comment-content .baberrage-item{padding:0}.article-detail-page .left-content .bottom-box div.comment-box .comment-content .baberrage-item .barrage-items{background:#fff;border:1px solid #ededed;border-radius:30px;box-sizing:border-box;display:inline-block;height:60px;padding:0 20px 0 10px}.article-detail-page .left-content .bottom-box div.comment-box .comment-content .baberrage-item .barrage-items img{border-radius:20px;height:40px;margin:9px 10px 0 0;width:40px}.article-detail-page .left-content .bottom-box div.comment-box .comment-content .baberrage-item .barrage-items span{color:#939aa7;font-family:AppleColorEmoji;font-size:18px;line-height:58px}.article-detail-page .left-content .bottom-box div.comment-box>p{color:#292b2c;font-size:20px;line-height:100px;position:absolute;text-align:center;top:100px;width:100%}.article-detail-page .right-content{position:fixed;top:116px}.article-detail-page .right-content .common-title{color:#292b2c;font-size:18px;line-height:25px;padding:0 0 8px}.article-detail-page .right-content .common-title img{height:20px;margin:3px 0 0 4px;width:20px}.article-detail-page .right-content .list .list-item{border-bottom:1px solid #f5f5f8;box-sizing:border-box;display:block;height:120px;padding:20px 0 0 124px;position:relative}.article-detail-page .right-content .list .list-item img{border-radius:4px;height:80px;left:0;position:absolute;width:110px}.article-detail-page .right-content .list .list-item p{color:#292b2c;display:-webkit-box;font-size:16px;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.article-detail-page .right-content .list .list-item div.bottom{bottom:19px;position:absolute;right:0;text-align:right}.article-detail-page .right-content .list .list-item div.bottom span{color:#bac0c2;font-family:Apis-Regular,Apis;font-size:16px;font-weight:400;line-height:28px}.article-detail-page .right-content .list .list-item div.bottom span i{margin-left:3px}.article-detail-page .right-content .stack-bottom{background-color:#f5f5f8;border-radius:6px;bottom:0;color:#000;font-size:16px;height:117px;left:0;padding:0 20px 10px;position:sticky}.article-detail-page .right-content .stack-bottom .s-container{align-items:flex-end;bottom:10px;display:flex;gap:24px;left:32px;position:absolute}.article-detail-page .right-content .stack-bottom .s-container .s-left{flex-shrink:0;height:178px;width:121px}.article-detail-page .right-content .stack-bottom .s-container .s-right{flex:1;text-align:center}.article-detail-page .right-content .stack-bottom .s-container .s-right .code{background-color:#fff;border-radius:7px;box-shadow:0 2px 12px rgba(0,0,0,.102);height:80px;padding:4px;width:80px}.article-detail-page .right-content .stack-bottom .s-container .s-right .name{color:#292b2c;font-size:14px;line-height:20px;margin-top:10px}.article-detail-page .comment-model-popup{height:100%;left:0;position:fixed;top:0;width:100%;z-index:9}.article-detail-page .comment-model-popup .mask{height:100%;left:0;position:absolute;top:0;width:100%}.article-detail-page .comment-model-popup .content{background:#fff;border:1px solid #e3e3e3;border-radius:4px 4px 0 0;bottom:0;box-shadow:0 -10px 10px 0 rgba(0,0,0,.08);left:0;padding:44px 0 42px;position:absolute;text-align:center;width:100%}.article-detail-page .comment-model-popup .content>div{margin:0 auto 39px;max-height:300px;max-width:1044px;overflow-y:scroll}.article-detail-page .comment-model-popup .content>div>div>div{display:flex;flex-wrap:wrap}.article-detail-page .comment-model-popup .content>div>div>div>div{padding:0 14px}.article-detail-page .comment-model-popup .content>div>div>div>div p{background:#f5f5f8;border:1px solid #f5f5f8;border-radius:30px;box-sizing:border-box;color:#292b2c;cursor:pointer;font-family:AppleColorEmoji;font-size:16px;height:60px;line-height:58px;margin-bottom:20px;min-width:320px;padding:0 20px}.article-detail-page .comment-model-popup .content>div>div>div>div p.chosen{background:rgba(48,153,234,.1);border-color:#3099ea}.article-detail-page .comment-model-popup .content>p{background:#3099ea;border-radius:4px;color:#fff;cursor:pointer;font-family:PingFangSC-Regular,PingFang SC;font-size:18px;font-weight:400;height:50px;line-height:50px;margin:0 auto;width:325px}.isMobile .article-detail-page{background:#fff;padding:11px 15px 400px!important}.isMobile .article-detail-page .left-content div.top{margin-bottom:10px;padding-bottom:10px}.isMobile .article-detail-page .left-content div.top h4{font-size:24px;line-height:30px}.isMobile .article-detail-page .left-content>p:nth-child(2){font-size:14px;margin-bottom:10px}.isMobile .article-detail-page .left-content .chatbot-audio{margin-top:20px;padding:25px 15px 10px 70px}.isMobile .article-detail-page .left-content .chatbot-audio>img{left:10px;top:-15px}.isMobile .article-detail-page .left-content .chatbot-audio>div>div{margin-left:-55px;padding:0;width:calc(100% + 55px)}.isMobile .article-detail-page .left-content .chatbot-audio>div>div>img{left:auto;right:-13px;top:-62px}.isMobile .article-detail-page .left-content .bottom-box{bottom:20px;box-sizing:border-box;left:0;padding:0 15px;position:absolute;width:100%}.isMobile .article-detail-page .left-content .bottom-box div.comment-box h6{height:40px}.isMobile .article-detail-page .left-content .bottom-box div.comment-box h6 span:first-child{display:none}.isMobile .article-detail-page .left-content .bottom-box div.comment-box h6 span:last-child{height:40px;line-height:40px;width:150px}.isMobile .article-detail-page .left-content .bottom-box div.comment-box .comment-content{height:290px}.isMobile .article-detail-page .left-content .bottom-box div.comment-box .comment-content .z_barrage{left:-15px}.isMobile .article-detail-page .right-content{float:none;padding-top:10px;width:100%}.isMobile .article-detail-page .right-content>div>div{background:#f1f1f1;border:none;border-radius:10px;box-sizing:border-box;height:auto;margin-bottom:10px;padding:15px 15px 12px}.isMobile .article-detail-page .right-content>div>div img{display:none}.isMobile .article-detail-page .right-content>div>div div.bottom{margin-top:4px;position:static;text-align:left}.isMobile .article-detail-page .comment-model-popup{z-index:10}.isMobile .article-detail-page .comment-model-popup .mask{background:rgba(0,0,0,.5)}.isMobile .article-detail-page .comment-model-popup .content{border:none;border-radius:20px 20px 0 0;box-shadow:0 0 10px 0 rgba(0,0,0,.05);box-sizing:border-box;padding:62px 15px 15px}.isMobile .article-detail-page .comment-model-popup .content>div{margin:0;max-width:none;width:100%}.isMobile .article-detail-page .comment-model-popup .content>div>div>div{display:block}.isMobile .article-detail-page .comment-model-popup .content>div>div>div>div{padding:0}.isMobile .article-detail-page .comment-model-popup .content>div>div>div>div p{background:#eef5fb;border:none;border-radius:10px;box-sizing:border-box;color:#292b2c;font-family:AppleColorEmoji;font-size:16px;height:auto;line-height:26px;margin-bottom:10px;min-width:auto;padding:11px 15px;text-align:left}.isMobile .article-detail-page .comment-model-popup .content>div>div>div>div p.chosen{color:#3099ea}.isMobile .article-detail-page .comment-model-popup .content>p{font-size:16px;height:32px;line-height:32px;position:absolute;right:15px;top:15px;width:100px}",""]),l.locals={},t.exports=l},795:function(t,e,o){"use strict";o.r(e);var n=[function(){var t=this._self._c;return t("h6",{staticClass:"common-title"},[this._v("\n 猜你喜欢"),t("img",{attrs:{src:o(771),alt:""}})])},function(){var t=this,e=t._self._c;return e("div",{staticClass:"name"},[t._v("\n 微信扫一扫\n "),e("br"),t._v("\n 获取最新糖尿病展示\n ")])}],r=(o(28),o(72),o(73),o(29),o(74),o(75),o(35),o(43),o(44),o(27),o(16),o(48),o(55),o(30),o(56),o(15)),c=o(9),l=(o(54),o(96),o(20),o(97),o(33));function d(t,e){var o="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!o){if(Array.isArray(t)||(o=function(t,a){if(t){if("string"==typeof t)return h(t,a);var e={}.toString.call(t).slice(8,-1);return"Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?h(t,a):void 0}}(t))||e&&t&&"number"==typeof t.length){o&&(t=o);var n=0,r=function(){};return{s:r,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var c,a=!0,u=!1;return{s:function(){o=o.call(t)},n:function(){var t=o.next();return a=t.done,t},e:function(t){u=!0,c=t},f:function(){try{a||null==o.return||o.return()}finally{if(u)throw c}}}}function h(t,a){(null==a||a>t.length)&&(a=t.length);for(var e=0,o=Array(a);e<a;e++)o[e]=t[e];return o}function m(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 f(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?m(Object(o),!0).forEach(function(e){Object(r.a)(t,e,o[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):m(Object(o)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))})}return t}var x=Object(l.a)("user"),v=x.mapActions,y={name:"ArticleDetailPage",layout:"detail",validate:function(t){var e=t.params;return/^\d+$/.test(e.id)},asyncData:function(t){return Object(c.a)(regeneratorRuntime.mark(function e(){var o,n,r,c,data;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return o=t.$axios,n=t.params,r=t.req,c=t.redirect,e.next=1,o.$get("/article/detail/"+n.id,o.genSSROptions(r));case 1:return!1===(data=e.sent).success&&c("/error?code=404"),e.abrupt("return",f({},data.detail));case 2:case"end":return e.stop()}},e)}))()},data:function(){return{audioPause:!0,playTime:"00:00",allTime:"00:00",canPlayAudio:!1,playWidth:0,barrageIsShow:!1,barrageList:[],commentModelPopupShow:!1,commentModelList:[],inComment:!1,commentPage:1,commentLoading:!1,commentHasMore:!0,chosenCommentId:0,inCollect:!1,isFixed:!1,right:89,commentMaxHeight:300,isPro:!1,qrcodeUrl:o(465),qrcodeUrlTest:o(466)}},head:function(){return{title:this.articleData.title,meta:[{hid:"description",name:"description",content:"Home page description"}]}},computed:f(f({},(0,x.mapGetters)({isLogin:"isLogin"})),{},{deviceType:function(){return this.$store.state.device.deviceType},env:function(){return this.$store.state.device.env}}),mounted:function(){var t=this;this.isPro=!0;var e=this;this.getComment(),this.$nextTick(function(){"pc"===e.deviceType?window.addEventListener("scroll",function(){e.isFixed=!0;var t=document.documentElement.scrollLeft||document.body.scrollLeft;document.documentElement.offsetWidth<1258?e.right=89-(1258-document.documentElement.offsetWidth)+t:e.right=(document.documentElement.offsetWidth-1080)/2}):(e.commentMaxHeight=.6*(document.documentElement.clientHeight||document.body.clientHeight),"ios"===t.deviceType&&("wechat"===e.env?document.addEventListener("WeixinJSBridgeReady",function(){e.$refs.chatbotAudio.play(),e.$refs.chatbotAudio.pause(),e.$refs.chatbotAudio.currentTime=0},!1):window.onload=function(){if(e.$refs.chatbotAudio.play(),e.$refs.chatbotAudio.pause(),e.$refs.chatbotAudio.currentTime=0,isNaN(e.$refs.chatbotAudio.duration))e.canPlayAudio=!0;else{var t=e.$refs.chatbotAudio.duration,o=parseInt(t/60,10),n=parseInt(t%60);o=o<10?"0"+o:o,n=n<10?"0"+n:n,e.allTime=o+":"+n,e.canPlayAudio=!0}}))})},methods:f(f({},v({showLoginDialog:"showLoginDialog"})),{},{getDuration:function(){var t=this.$refs.chatbotAudio.duration,e=parseInt(t/60,10),o=parseInt(t%60);e=e<10?"0"+e:e,o=o<10?"0"+o:o,this.allTime=e+":"+o,this.canPlayAudio=!0},playPauseAudio:function(){this.canPlayAudio&&(this.audioPause?(this.baiduStat("文章详情页","click","小诺老师语音控件"),this.$refs.chatbotAudio.play()):this.$refs.chatbotAudio.pause(),this.audioPause=!this.audioPause)},updateTime:function(t){var e=t.target.currentTime,o=t.target.duration,n=parseInt(e/60,10),r=parseInt(e%60);n=n<10?"0"+n:n,r=r<10?"0"+r:r,this.playWidth=e/o*100,this.playTime=n+":"+r},audioEnd:function(){this.audioPause=!0,this.playTime="00:00",this.playWidth=0},getComment:function(){var t=this;return Object(c.a)(regeneratorRuntime.mark(function e(){var data,o,n,r,c,l,h;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=1,t.$axios.$get("/article/comment-list?aid="+t.$route.params.id);case 1:data=e.sent,o=d(data.detail.commentList);try{for(o.s();!(n=o.n()).done;)n.value.time=15*Math.random()+9}catch(t){o.e(t)}finally{o.f()}t.barrageIsShow=data.detail.commentList.length>0,r=[],c=d(data.detail.commentList);try{for(c.s();!(l=c.n()).done;)h=l.value,r.push({content:h.comment_content,color:"#939AA7",icon:h.headimgurl})}catch(t){c.e(t)}finally{c.f()}t.barrageList=r;case 2:case"end":return e.stop()}},e)}))()},getCommentCorpus:function(t,e){var o=this;return Object(c.a)(regeneratorRuntime.mark(function n(){var r,data,c,l;return regeneratorRuntime.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:if(o.isLogin){n.next=1;break}o.showLoginDialog(!0),n.next=3;break;case 1:if(r=o,1===t&&(o.baiduStat("文章详情页","click",1===e?"文章内发表你的想法-点击":"文章内评论"),o.chosenCommentId=0,o.commentModelList=[],o.commentPage=1,o.commentHasMore=!0,o.commentModelPopupShow=!0,setTimeout(function(){r.$refs.commentCorpus.addEventListener("scroll",function(){r.$refs.commentCorpus.scrollTop+r.$refs.commentCorpus.clientHeight>r.$refs.commentCorpusContent.clientHeight-20&&r.getCommentCorpus()})})),!o.commentHasMore||o.commentLoading){n.next=3;break}return o.commentLoading=!0,n.next=2,o.$axios.$get("/article/comment-corpus?page="+o.commentPage);case 2:data=n.sent,c=d(data.detail.list);try{for(c.s();!(l=c.n()).done;)l.value.chosen=!1}catch(t){c.e(t)}finally{c.f()}o.commentPage=o.commentPage+1,o.commentModelList=o.commentModelList.concat(data.detail.list),o.commentHasMore=data.detail.hasMore,o.commentLoading=!1;case 3:case"end":return n.stop()}},n)}))()},chooseCorpus:function(t,e){var o,n=d(this.commentModelList);try{for(n.s();!(o=n.n()).done;){o.value.chosen=!1}}catch(t){n.e(t)}finally{n.f()}this.chosenCommentId=t,this.commentModelList[e].chosen=!0},commentArticle:function(){var t=this;return Object(c.a)(regeneratorRuntime.mark(function e(){var o,data;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(0!==t.chosenCommentId){e.next=1;break}t.$message({message:"请选择看法模版",type:"warning"}),e.next=3;break;case 1:return o=t.$loading({lock:!0,text:"Loading",spinner:"el-icon-loading",background:"rgba(0, 0, 0, 0.7)"}),e.next=2,t.$axios.$post("/article/user-comment",{aid:t.$route.params.id,comment_template_id:t.chosenCommentId});case 2:(data=e.sent)&&data.success&&t.baiduStat("文章详情页","click","文章内发表你的想法-发表成功"),console.log(data),o.close(),t.commentModelPopupShow=!1,t.getComment();case 3:case"end":return e.stop()}},e)}))()},collectArticle:function(){var t=this;return Object(c.a)(regeneratorRuntime.mark(function e(){var data;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t.isLogin){e.next=1;break}t.showLoginDialog(!0),e.next=4;break;case 1:if(!t.inCollect){e.next=2;break}t.$message({message:"您的操作太快了",type:"warning"}),e.next=4;break;case 2:return t.baiduStat("文章详情页","click","文章内收藏"),t.inCollect=!0,e.next=3,t.$axios.$post("/article/user-collect",{aid:t.$route.params.id});case 3:data=e.sent,console.log(data),t.articleData.is_collected=data.detail.curState,t.inCollect=!1;case 4:case"end":return e.stop()}},e)}))()},goHref:function(t){var e=!1;"pc"===this.deviceType&&(e=!0),t=this.$router.resolve({path:t}),e?window.open(t.href,"_blank"):window.location.href=t.href}})},w=(o(772),o(13)),component=Object(w.a)(y,function(){var t=this,e=t._self._c;return e("div",{staticClass:"article-detail-page",staticStyle:{padding:"30px 0"}},[e("div",{staticClass:"left-content"},[e("div",{staticClass:"top"},[t.articleData.thumb?e("img",{staticStyle:{display:"none"},attrs:{src:t.articleData.thumb,alt:t.articleData.title}}):e("img",{staticStyle:{display:"none"},attrs:{src:o(463),alt:""}}),t._v(" "),e("h4",[t._v(t._s(t.articleData.title))])]),t._v(" "),e("p",[t._v("\n "+t._s(t.articleData.hit)+" "),e("i",{staticClass:"el-icon-view"}),t._v(" "+t._s(t.articleData.published_at)+"\n ")]),t._v(" "),t.showNovoTeacher?e("div",{staticClass:"chatbot-audio"},[e("img",{attrs:{src:o(767),alt:""}}),t._v(" "),e("div",[e("h6",[t._v("保护双眼，听小诺朗读")]),t._v(" "),e("div",[e("img",{style:{display:t.audioPause?"":"none"},attrs:{src:o(768),alt:""},on:{click:t.playPauseAudio}}),t._v(" "),e("img",{style:{display:t.audioPause?"none":""},attrs:{src:o(769),alt:""},on:{click:t.playPauseAudio}}),t._v(" "),e("div",[e("span",{style:{color:"00:00"!=t.playTime?"#3099EA":""}},[t._v(t._s(t.playTime))]),t._v(" "),e("p",[e("span",{style:{width:t.playWidth+"%"}})]),t._v(" "),e("span",[t._v(t._s(t.allTime))])])]),t._v(" "),e("audio",{ref:"chatbotAudio",attrs:{src:t.articleData.audio_url},on:{canplay:t.getDuration,timeupdate:t.updateTime,ended:t.audioEnd}})])]):t._e(),t._v(" "),t.articleData.video_url?e("div",{staticClass:"video-box"},[e("video",{staticStyle:{"object-fit":"fill"},attrs:{"x5-video-player-type":"h5","x5-video-player-fullscreen":"true","x-webkit-airplay":"true","x5-playsinline":"true","webkit-playsinline":"true",playsinline:"true",width:"100%",controls:"",poster:t.articleData.thumb,src:t.articleData.video_url}})]):t._e(),t._v(" "),e("div",{staticClass:"article-content",domProps:{innerHTML:t._s(t.articleData.content)}}),t._v(" "),e("div",{staticClass:"bottom-box"},[t.isLogin||"pc"!==t.deviceType?t._e():e("p",{staticClass:"go-follow",on:{click:function(e){t.baiduStat("文章详情页","click","文章详情页-未登录按钮"),t.showLoginDialog(!0)}}},[t._v("\n 点击关注微信公众号，查看更多专业资讯\n ")]),t._v(" "),e("div",{staticClass:"comment-box"},[e("h6",[e("span",[t._v("最新看法")]),t._v(" "),e("span",{on:{click:function(e){return t.getCommentCorpus(1,1)}}},[t._v("发表你的看法")])]),t._v(" "),e("div",{staticClass:"comment-content"},[e("Barrage",{ref:"barrage",staticClass:"barrage",attrs:{"barrage-list":t.barrageList,speed:"pc"===t.deviceType?4:3,loop:!0,channels:3,"border-color":"#ededed",background:"#fff","barrage-height":120,"device-type":t.deviceType}})],1),t._v(" "),t.barrageIsShow?t._e():e("p",[t._v("还没有人发表看法")])])])]),t._v(" "),e("div",{staticClass:"right-content",style:{position:t.isFixed?"fixed":"static",right:t.right+"px"}},[t._m(0),t._v(" "),e("div",{staticClass:"list",staticStyle:{"min-height":"100vh"}},t._l(t.recommendArticles,function(n){return e("div",{key:n.id,staticClass:"list-item",on:{click:function(e){t.baiduStat("文章详情页","click","文章点击猜你喜欢-"+n.id+"+"+n.title),t.goHref("/article/"+n.id)}}},[n.thumb?e("img",{attrs:{src:n.thumb,alt:n.title}}):e("img",{attrs:{src:o(463),alt:""}}),t._v(" "),e("p",[t._v(t._s(n.title))]),t._v(" "),e("div",{staticClass:"bottom"},[e("span",[t._v(t._s(n.hit)),e("i",{staticClass:"el-icon-view",staticStyle:{"margin-right":"8px"}}),t._v(t._s(n.collect)),e("i",{staticClass:"el-icon-star-on"})])])])}),0),t._v(" "),e("div",{staticClass:"stack-bottom"},[e("div",{staticClass:"s-container"},[e("img",{staticClass:"s-left",attrs:{src:o(770),alt:""}}),t._v(" "),e("div",{staticClass:"s-right"},[e("img",{staticClass:"code",attrs:{src:t.isPro?t.qrcodeUrl:t.qrcodeUrlTest,alt:""}}),t._v(" "),t._m(1)])])])]),t._v(" "),t.commentModelPopupShow?e("div",{staticClass:"comment-model-popup"},[e("div",{staticClass:"mask",on:{click:function(e){t.commentModelPopupShow=!1}}}),t._v(" "),e("div",{staticClass:"content"},[e("div",{ref:"commentCorpus",style:{maxHeight:t.commentMaxHeight+"px"}},[e("div",{ref:"commentCorpusContent"},[e("div",[t._l(t.commentModelList,function(o,n){return[e("div",{key:"comment"+o.id},[e("p",{class:o.chosen?"chosen":"",on:{click:function(e){return t.chooseCorpus(o.id,n)}}},[t._v("\n "+t._s(o.content)+"\n ")])])]})],2),t._v(" "),t.commentLoading?e("p",{staticClass:"load-more"},[t._v("\n 加载更多"),e("i",{staticClass:"el-icon-loading"})]):t._e()])]),t._v(" "),e("p",{on:{click:t.commentArticle}},[t._v("立即发布")])])]):t._e(),t._v(" "),e("BottomRightFixed",{attrs:{"show-share":!0,"show-collect":!0,"is-login":t.isLogin,"is-collect":t.articleData.is_collected,"show-comment":!0},on:{commentClick:function(e){return t.getCommentCorpus(1,2)},collectClick:t.collectArticle}})],1)},n,!1,null,null,null);e.default=component.exports;installComponents(component,{Barrage:o(739).default,BottomRightFixed:o(464).default})}}]); |
