|
|
(window.webpackJsonp=window.webpackJsonp||[]).push([[7,3],{623:function(t,e,o){var content=o(630);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(23).default)("07fbb799",content,!0,{sourceMap:!1})},627:function(t,e,o){var n=o(8),r=o(628),c=o(189);n({target:"Array",proto:!0},{fill:r}),c("fill")},628:function(t,e,o){"use strict";var n=o(39),r=o(100),c=o(53);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}},629:function(t,e,o){"use strict";o(623)},630:function(t,e,o){var n=o(22)(!1);n.push([t.i,".z_barrage-container[data-v-c3f32de4]{pointer-events:none}.z_container[data-v-c3f32de4]{width:100%;overflow:hidden}.z_barrage[data-v-c3f32de4]{position:absolute;top:0;left:0}",""]),t.exports=n},641:function(t,e,o){var content=o(676);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(23).default)("38ee8f50",content,!0,{sourceMap:!1})},647:function(t,e,o){"use strict";o.r(e);o(99),o(10),o(83),o(421),o(85),o(627);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(629),o(11)),component=Object(l.a)(c,(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"z_barrage-container"},[o("canvas",{ref:"canvasContainer",staticStyle:{display:"none"},attrs:{width:t.containerWidth,height:t.containerHeight}}),t._v(" "),o("div",{staticClass:"z_container",style:{height:t.containerHeight/2+"px"}},[o("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},670:function(t,e,o){t.exports=o.p+"img/chatbot_audio_feature.458e9b3.png"},671:function(t,e,o){t.exports=o.p+"img/play_chatbot_audio.87713b4.png"},672:function(t,e,o){t.exports=o.p+"img/pause_chatbot_audio.48f50e9.png"},673:function(t,e,o){t.exports=o.p+"img/public.3e79446.png"},674: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="},675:function(t,e,o){"use strict";o(641)},676:function(t,e,o){var n=o(22),r=o(36),c=o(44),l=n(!1),d=r(c);l.push([t.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}.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;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("+d+") 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%}.article-detail-page{position:relative}.article-detail-page .left-content div.top{margin-bottom:20px;border-bottom:1px solid #f5f5f8;padding-bottom:30px}.article-detail-page .left-content div.top img{width:100%;height:407px;border-radius:4px}.article-detail-page .left-content div.top h4{font-size:32px;font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;font-weight:700;color:#292b2c;line-height:44px}.article-detail-page .left-content>p:nth-child(2){margin-bottom:20px;font-size:16px;font-family:Apis-Regular,Apis;font-weight:400;color:#bac0c2;line-height:28px}.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{position:relative;margin-bottom:20px;padding:16px 16px 0 85px;width:100%;height:105px;background:#f5f5f8;border-radius:8px;box-sizing:border-box}.article-detail-page .left-content .chatbot-audio>img{position:absolute;top:12px;left:12px;width:57px;height:87px}.article-detail-page .left-content .chatbot-audio>div h6{font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#333;line-height:25px}.article-detail-page .left-content .chatbot-audio>div>div{position:relative;margin-top:25px;padding-left:48px}.article-detail-page .left-content .chatbot-audio>div>div>img{position:absolute;top:-17px;left:-10px;width:60px;height:60px;cursor:pointer}.article-detail-page .left-content .chatbot-audio>div>div div{display:flex}.article-detail-page .left-content .chatbot-audio>div>div div>span{width:38px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#939aa7;line-height:17px}.article-detail-page .left-content .chatbot-audio>div>div div p{position:relative;margin-top:7px;width:calc(100% - 76px);height:3px;background:#e3e3e3;border-radius:2px}.article-detail-page .left-content .chatbot-audio>div>div div p span{position:absolute;top:0;left:0;height:3px;background:linear-gradient(90deg,#3b97de,#38b0ff);border-radius:2px}.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;padding:23px 0;font-size:18px;color:#292b2c;line-height:30px}.article-detail-page .left-content .article-content img{max-width:100%;border-radius:4px}.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{font-size:24px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#001965;line-height:50px}.article-detail-page .left-content .bottom-box div.comment-box h6 span:last-child{float:right;width:208px;height:50px;background:#3099ea;border-radius:4px;text-align:center;font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;line-height:50px;cursor:pointer}.article-detail-page .left-content .bottom-box div.comment-box .comment-content{position:relative;margin-top:24px;height:365px;box-sizing:border-box}.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{display:inline-block;border:1px solid #ededed;padding:0 20px 0 10px;height:60px;background:#fff;border-radius:30px;box-sizing:border-box}.article-detail-page .left-content .bottom-box div.comment-box .comment-content .baberrage-item .barrage-items img{margin:9px 10px 0 0;width:40px;height:40px;border-radius:20px}.article-detail-page .left-content .bottom-box div.comment-box .comment-content .baberrage-item .barrage-items span{font-size:18px;font-family:AppleColorEmoji;color:#939aa7;line-height:58px}.article-detail-page .left-content .bottom-box div.comment-box>p{position:absolute;top:100px;width:100%;font-size:20px;color:#292b2c;text-align:center;line-height:100px}.article-detail-page .right-content{position:fixed;top:116px}.article-detail-page .right-content .common-title{padding:0 0 8px;font-size:18px;color:#292b2c;line-height:25px}.article-detail-page .right-content .common-title img{margin:3px 0 0 4px;width:20px;height:20px}.article-detail-page .right-content .list .list-item{display:block;position:relative;border-bottom:1px solid #f5f5f8;padding:20px 0 0 124px;height:120px;box-sizing:border-box}.article-detail-page .right-content .list .list-item img{position:absolute;left:0;width:110px;height:80px;border-radius:4px}.article-detail-page .right-content .list .list-item p{font-size:16px;color:#292b2c;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.article-detail-page .right-content .list .list-item div.bottom{position:absolute;right:0;bottom:19px;text-align:right}.article-detail-page .right-content .list .list-item div.bottom span{font-size:16px;font-family:Apis-Regular,Apis;font-weight:400;color:#bac0c2;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{position:-webkit-sticky;position:sticky;bottom:0;left:0;font-size:16px;color:#000;padding:0 20px 10px;height:117px;border-radius:6px;background-color:#f5f5f8}.article-detail-page .right-content .stack-bottom .s-container{position:absolute;bottom:10px;left:32px;display:flex;grid-gap:24px;gap:24px;align-items:flex-end}.article-detail-page .right-content .stack-bottom .s-container .s-left{flex-shrink:0;width:121px;height:178px}.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{padding:4px;width:80px;height:80px;background-color:#fff;border-radius:7px;box-shadow:0 2px 12px rgba(0,0,0,.10196)}.article-detail-page .right-content .stack-bottom .s-container .s-right .name{margin-top:10px;font-size:14px;line-height:20px;color:#292b2c}.article-detail-page .comment-model-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9}.article-detail-page .comment-model-popup .mask{position:absolute;top:0;left:0;width:100%;height:100%}.article-detail-page .comment-model-popup .content{position:absolute;bottom:0;left:0;border:1px solid #e3e3e3;padding:44px 0 42px;width:100%;box-shadow:0 -10px 10px 0 rgba(0,0,0,.08);border-radius:4px 4px 0 0;background:#fff;text-align:center}.article-detail-page .comment-model-popup .content>div{overflow-y:scroll;margin:0 auto 39px;max-width:1044px;max-height:300px}.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{margin-bottom:20px;border:1px solid #f5f5f8;padding:0 20px;min-width:320px;height:60px;box-sizing:border-box;background:#f5f5f8;font-size:16px;font-family:AppleColorEmoji;color:#292b2c;line-height:58px;border-radius:30px;cursor:pointer}.article-detail-page .comment-model-popup .content>div>div>div>div p.chosen{border-color:#3099ea;background:rgba(48,153,234,.1)}.article-detail-page .comment-model-popup .content>p{margin:0 auto;width:325px;height:50px;background:#3099ea;border-radius:4px;font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;line-height:50px;cursor:pointer}.isMobile .article-detail-page{padding:11px 15px 400px!important;background:#fff}.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){margin-bottom:10px;font-size:14px}.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{top:-62px;right:-13px;left:auto}.isMobile .article-detail-page .left-content .bottom-box{position:absolute;bottom:20px;left:0;padding:0 15px;width:100%;box-sizing:border-box}.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{width:150px;height:40px;line-height:40px}.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{margin-bottom:10px;border:none;padding:15px 15px 12px;height:auto;background:#f1f1f1;border-radius:10px;box-sizing:border-box}.isMobile .article-detail-page .right-content>div>div img{display:none}.isMobile .article-detail-page .right-content>div>div div.bottom{position:unset;margin-top:4px;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;padding:62px 15px 15px;box-shadow:0 0 10px 0 rgba(0,0,0,.05);border-radius:20px 20px 0 0;box-sizing:border-box}.isMobile .article-detail-page .comment-model-popup .content>div{margin:0;width:100%;max-width:none}.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{margin-bottom:10px;border:none;padding:11px 15px;height:auto;min-width:auto;background:#eef5fb;border-radius:10px;box-sizing:border-box;text-align:left;font-size:16px;font-family:AppleColorEmoji;color:#292b2c;line-height:26px}.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{position:absolute;top:15px;right:15px;width:100px;height:32px;line-height:32px;font-size:16px}",""]),t.exports=l},700:function(t,e,o){"use strict";o.r(e);var n=[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("h6",{staticClass:"common-title"},[t._v("\n 猜你喜欢"),n("img",{attrs:{src:o(674),alt:""}})])},function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"name"},[t._v("\n 微信扫一扫\n "),o("br"),t._v("\n 获取最新糖尿病展示\n ")])}],r=(o(25),o(19),o(24),o(10),o(37),o(20),o(38),o(60),o(30),o(61),o(45),o(62),o(63),o(46),o(12)),c=o(7),l=(o(52),o(18),o(84),o(83),o(28));function d(t,e){var o="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!o){if(Array.isArray(t)||(o=function(t,e){if(!t)return;if("string"==typeof t)return h(t,e);var o=Object.prototype.toString.call(t).slice(8,-1);"Object"===o&&t.constructor&&(o=t.constructor.name);if("Map"===o||"Set"===o)return Array.from(t);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return h(t,e)}(t))||e&&t&&"number"==typeof t.length){o&&(t=o);var i=0,n=function(){};return{s:n,n:function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}},e:function(t){throw t},f:n}}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 r,c=!0,l=!1;return{s:function(){o=o.call(t)},n:function(){var t=o.next();return c=t.done,t},e:function(t){l=!0,r=t},f:function(){try{c||null==o.return||o.return()}finally{if(l)throw r}}}}function h(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,o=new Array(e);i<e;i++)o[i]=t[i];return o}function m(object,t){var e=Object.keys(object);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(object);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(object,t).enumerable}))),e.push.apply(e,o)}return e}function f(t){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?m(Object(source),!0).forEach((function(e){Object(r.a)(t,e,source[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(source)):m(Object(source)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(source,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=3,o.$get("/article/detail/"+n.id,o.genSSROptions(r));case 3:return!1===(data=e.sent).success&&c("/error?code=404"),e.abrupt("return",f({},data.detail));case 6: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(419),qrcodeUrlTest:o(420)}},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=2,t.$axios.$get("/article/comment-list?aid="+t.$route.params.id);case 2: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 10: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=4;break}o.showLoginDialog(!0),n.next=17;break;case 4: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=17;break}return o.commentLoading=!0,n.next=10,o.$axios.$get("/article/comment-corpus?page="+o.commentPage);case 10: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 17: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=4;break}t.$message({message:"请选择看法模版",type:"warning"}),e.next=13;break;case 4:return o=t.$loading({lock:!0,text:"Loading",spinner:"el-icon-loading",background:"rgba(0, 0, 0, 0.7)"}),e.next=7,t.$axios.$post("/article/user-comment",{aid:t.$route.params.id,comment_template_id:t.chosenCommentId});case 7:(data=e.sent)&&data.success&&t.baiduStat("文章详情页","click","文章内发表你的想法-发表成功"),console.log(data),o.close(),t.commentModelPopupShow=!1,t.getComment();case 13: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=4;break}t.showLoginDialog(!0),e.next=16;break;case 4:if(!t.inCollect){e.next=8;break}t.$message({message:"您的操作太快了",type:"warning"}),e.next=16;break;case 8:return t.baiduStat("文章详情页","click","文章内收藏"),t.inCollect=!0,e.next=12,t.$axios.$post("/article/user-collect",{aid:t.$route.params.id});case 12:data=e.sent,console.log(data),t.articleData.is_collected=data.detail.curState,t.inCollect=!1;case 16: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(675),o(11)),component=Object(w.a)(y,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"article-detail-page",staticStyle:{padding:"30px 0"}},[n("div",{staticClass:"left-content"},[n("div",{staticClass:"top"},[t.articleData.thumb?n("img",{staticStyle:{display:"none"},attrs:{src:t.articleData.thumb,alt:t.articleData.title}}):n("img",{staticStyle:{display:"none"},attrs:{src:o(417),alt:""}}),t._v(" "),n("h4",[t._v(t._s(t.articleData.title))])]),t._v(" "),n("p",[t._v("\n "+t._s(t.articleData.hit)+" "),n("i",{staticClass:"el-icon-view"}),t._v(" "+t._s(t.articleData.published_at)+"\n ")]),t._v(" "),t.showNovoTeacher?n("div",{staticClass:"chatbot-audio"},[n("img",{attrs:{src:o(670),alt:""}}),t._v(" "),n("div",[n("h6",[t._v("保护双眼，听小诺朗读")]),t._v(" "),n("div",[n("img",{style:{display:t.audioPause?"":"none"},attrs:{src:o(671),alt:""},on:{click:t.playPauseAudio}}),t._v(" "),n("img",{style:{display:t.audioPause?"none":""},attrs:{src:o(672),alt:""},on:{click:t.playPauseAudio}}),t._v(" "),n("div",[n("span",{style:{color:"00:00"!=t.playTime?"#3099EA":""}},[t._v(t._s(t.playTime))]),t._v(" "),n("p",[n("span",{style:{width:t.playWidth+"%"}})]),t._v(" "),n("span",[t._v(t._s(t.allTime))])])]),t._v(" "),n("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?n("div",{staticClass:"video-box"},[n("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(" "),n("div",{staticClass:"article-content",domProps:{innerHTML:t._s(t.articleData.content)}}),t._v(" "),n("div",{staticClass:"bottom-box"},[t.isLogin||"pc"!==t.deviceType?t._e():n("p",{staticClass:"go-follow",on:{click:function(e){t.baiduStat("文章详情页","click","文章详情页-未登录按钮"),t.showLoginDialog(!0)}}},[t._v("\n 点击关注微信公众号，查看更多专业资讯\n ")]),t._v(" "),n("div",{staticClass:"comment-box"},[n("h6",[n("span",[t._v("最新看法")]),t._v(" "),n("span",{on:{click:function(e){return t.getCommentCorpus(1,1)}}},[t._v("发表你的看法")])]),t._v(" "),n("div",{staticClass:"comment-content"},[n("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():n("p",[t._v("还没有人发表看法")])])])]),t._v(" "),n("div",{staticClass:"right-content",style:{position:t.isFixed?"fixed":"static",right:t.right+"px"}},[t._m(0),t._v(" "),n("div",{staticClass:"list",staticStyle:{"min-height":"100vh"}},t._l(t.recommendArticles,(function(e){return n("div",{key:e.id,staticClass:"list-item",on:{click:function(o){t.baiduStat("文章详情页","click","文章点击猜你喜欢-"+e.id+"+"+e.title),t.goHref("/article/"+e.id)}}},[e.thumb?n("img",{attrs:{src:e.thumb,alt:e.title}}):n("img",{attrs:{src:o(417),alt:""}}),t._v(" "),n("p",[t._v(t._s(e.title))]),t._v(" "),n("div",{staticClass:"bottom"},[n("span",[t._v(t._s(e.hit)),n("i",{staticClass:"el-icon-view",staticStyle:{"margin-right":"8px"}}),t._v(t._s(e.collect)),n("i",{staticClass:"el-icon-star-on"})])])])})),0),t._v(" "),n("div",{staticClass:"stack-bottom"},[n("div",{staticClass:"s-container"},[n("img",{staticClass:"s-left",attrs:{src:o(673),alt:""}}),t._v(" "),n("div",{staticClass:"s-right"},[n("img",{staticClass:"code",attrs:{src:t.isPro?t.qrcodeUrl:t.qrcodeUrlTest,alt:""}}),t._v(" "),t._m(1)])])])]),t._v(" "),t.commentModelPopupShow?n("div",{staticClass:"comment-model-popup"},[n("div",{staticClass:"mask",on:{click:function(e){t.commentModelPopupShow=!1}}}),t._v(" "),n("div",{staticClass:"content"},[n("div",{ref:"commentCorpus",style:{maxHeight:t.commentMaxHeight+"px"}},[n("div",{ref:"commentCorpusContent"},[n("div",[t._l(t.commentModelList,(function(e,o){return[n("div",{key:"comment"+e.id},[n("p",{class:e.chosen?"chosen":"",on:{click:function(n){return t.chooseCorpus(e.id,o)}}},[t._v("\n "+t._s(e.content)+"\n ")])])]}))],2),t._v(" "),t.commentLoading?n("p",{staticClass:"load-more"},[t._v("\n 加载更多"),n("i",{staticClass:"el-icon-loading"})]):t._e()])]),t._v(" "),n("p",{on:{click:t.commentArticle}},[t._v("立即发布")])])]):t._e(),t._v(" "),n("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(647).default,BottomRightFixed:o(418).default})}}]); |
