diff --git a/.nuxt/dist/client/55235d3.js b/.nuxt/dist/client/4b2440f.js
similarity index 97%
rename from .nuxt/dist/client/55235d3.js
rename to .nuxt/dist/client/4b2440f.js
index 27d97d1..320ac1f 100644
--- a/.nuxt/dist/client/55235d3.js
+++ b/.nuxt/dist/client/4b2440f.js
@@ -1 +1 @@
-!function(e){function r(data){for(var r,n,f=data[0],l=data[1],d=data[2],i=0,h=[];i<f.length;i++)n=f[i],Object.prototype.hasOwnProperty.call(o,n)&&o[n]&&h.push(o[n][0]),o[n]=0;for(r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r]);for(v&&v(data);h.length;)h.shift()();return c.push.apply(c,d||[]),t()}function t(){for(var e,i=0;i<c.length;i++){for(var r=c[i],t=!0,n=1;n<r.length;n++){var l=r[n];0!==o[l]&&(t=!1)}t&&(c.splice(i--,1),e=f(f.s=r[0]))}return e}var n={},o={25:0},c=[];function f(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,f),t.l=!0,t.exports}f.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var c,script=document.createElement("script");script.charset="utf-8",script.timeout=120,f.nc&&script.setAttribute("nonce",f.nc),script.src=function(e){return f.p+""+{0:"5055e41",3:"8da427a",4:"af0c732",5:"aea7600",6:"0f7f62a",7:"bbe3db4",8:"43481e8",9:"e927bb6",10:"35e574f",11:"0580729",12:"5040cb7",13:"d93776b",14:"194a843",15:"5d922c7",16:"bc89170",17:"c9d389d",18:"21e9b00",19:"e842c15",20:"42b15c7",21:"2f86cbf",22:"5e13107",23:"a2d2cdc",24:"aa8975d"}[e]+".js"}(e);var l=new Error;c=function(r){script.onerror=script.onload=null,clearTimeout(d);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),c=r&&r.target&&r.target.src;l.message="Loading chunk "+e+" failed.\n("+n+": "+c+")",l.name="ChunkLoadError",l.type=n,l.request=c,t[1](l)}o[e]=void 0}};var d=setTimeout((function(){c({type:"timeout",target:script})}),12e4);script.onerror=script.onload=c,document.head.appendChild(script)}return Promise.all(r)},f.m=e,f.c=n,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(e,r){if(1&r&&(e=f(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)f.d(t,n,function(r){return e[r]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(object,e){return Object.prototype.hasOwnProperty.call(object,e)},f.p="/_nuxt/",f.oe=function(e){throw console.error(e),e};var l=window.webpackJsonp=window.webpackJsonp||[],d=l.push.bind(l);l.push=r,l=l.slice();for(var i=0;i<l.length;i++)r(l[i]);var v=d;t()}([]);
\ No newline at end of file
+!function(e){function r(data){for(var r,n,f=data[0],l=data[1],d=data[2],i=0,h=[];i<f.length;i++)n=f[i],Object.prototype.hasOwnProperty.call(o,n)&&o[n]&&h.push(o[n][0]),o[n]=0;for(r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r]);for(v&&v(data);h.length;)h.shift()();return c.push.apply(c,d||[]),t()}function t(){for(var e,i=0;i<c.length;i++){for(var r=c[i],t=!0,n=1;n<r.length;n++){var l=r[n];0!==o[l]&&(t=!1)}t&&(c.splice(i--,1),e=f(f.s=r[0]))}return e}var n={},o={25:0},c=[];function f(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,f),t.l=!0,t.exports}f.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var c,script=document.createElement("script");script.charset="utf-8",script.timeout=120,f.nc&&script.setAttribute("nonce",f.nc),script.src=function(e){return f.p+""+{0:"5055e41",3:"8da427a",4:"af0c732",5:"aea7600",6:"0f7f62a",7:"db40d2e",8:"43481e8",9:"e927bb6",10:"35e574f",11:"0580729",12:"5040cb7",13:"d93776b",14:"194a843",15:"5d922c7",16:"bc89170",17:"c9d389d",18:"21e9b00",19:"e842c15",20:"42b15c7",21:"2f86cbf",22:"5e13107",23:"a2d2cdc",24:"aa8975d"}[e]+".js"}(e);var l=new Error;c=function(r){script.onerror=script.onload=null,clearTimeout(d);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),c=r&&r.target&&r.target.src;l.message="Loading chunk "+e+" failed.\n("+n+": "+c+")",l.name="ChunkLoadError",l.type=n,l.request=c,t[1](l)}o[e]=void 0}};var d=setTimeout((function(){c({type:"timeout",target:script})}),12e4);script.onerror=script.onload=c,document.head.appendChild(script)}return Promise.all(r)},f.m=e,f.c=n,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(e,r){if(1&r&&(e=f(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)f.d(t,n,function(r){return e[r]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(object,e){return Object.prototype.hasOwnProperty.call(object,e)},f.p="/_nuxt/",f.oe=function(e){throw console.error(e),e};var l=window.webpackJsonp=window.webpackJsonp||[],d=l.push.bind(l);l.push=r,l=l.slice();for(var i=0;i<l.length;i++)r(l[i]);var v=d;t()}([]);
\ No newline at end of file
diff --git a/.nuxt/dist/client/bbe3db4.js b/.nuxt/dist/client/db40d2e.js
similarity index 99%
rename from .nuxt/dist/client/bbe3db4.js
rename to .nuxt/dist/client/db40d2e.js
index 9cb67e1..b4d225c 100644
--- a/.nuxt/dist/client/bbe3db4.js
+++ b/.nuxt/dist/client/db40d2e.js
@@ -1 +1 @@
-(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.43b7bb8.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})}}]);
\ No newline at end of file
+(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})}}]);
\ No newline at end of file
diff --git a/.nuxt/dist/client/img/public.3e79446.png b/.nuxt/dist/client/img/public.3e79446.png
new file mode 100644
index 0000000..fe813f9
Binary files /dev/null and b/.nuxt/dist/client/img/public.3e79446.png differ
diff --git a/.nuxt/dist/client/img/public.43b7bb8.png b/.nuxt/dist/client/img/public.43b7bb8.png
deleted file mode 100644
index cb71104..0000000
Binary files a/.nuxt/dist/client/img/public.43b7bb8.png and /dev/null differ
diff --git a/.nuxt/dist/server/client.manifest.json b/.nuxt/dist/server/client.manifest.json
index 25a0712..2ba8d80 100644
--- a/.nuxt/dist/server/client.manifest.json
+++ b/.nuxt/dist/server/client.manifest.json
@@ -12,9 +12,9 @@
     "35e574f.js",
     "42b15c7.js",
     "43481e8.js",
+    "4b2440f.js",
     "5040cb7.js",
     "5055e41.js",
-    "55235d3.js",
     "5d922c7.js",
     "5e13107.js",
     "7ad09f4.js",
@@ -25,10 +25,10 @@
     "aea7600.js",
     "af0c732.js",
     "af960fc.js",
-    "bbe3db4.js",
     "bc89170.js",
     "c9d389d.js",
     "d93776b.js",
+    "db40d2e.js",
     "e842c15.js",
     "e927bb6.js",
     "fonts/element-icons.313f7da.woff",
@@ -54,7 +54,7 @@
     "img/novocare_qrcode.05479af.png",
     "img/pause_chatbot_audio.48f50e9.png",
     "img/play_chatbot_audio.87713b4.png",
-    "img/public.43b7bb8.png",
+    "img/public.3e79446.png",
     "img/share_point.40a9d59.png",
     "img/share_qq.2c430c1.png",
     "img/share_wechat.64543c8.png",
@@ -64,7 +64,7 @@
     "img/wechat_white.73720a3.png"
   ],
   "initial": [
-    "55235d3.js",
+    "4b2440f.js",
     "af960fc.js",
     "7ad09f4.js",
     "2a79a12.js"
@@ -87,10 +87,10 @@
     "aa8975d.js",
     "aea7600.js",
     "af0c732.js",
-    "bbe3db4.js",
     "bc89170.js",
     "c9d389d.js",
     "d93776b.js",
+    "db40d2e.js",
     "e842c15.js",
     "e927bb6.js"
   ],
@@ -164,12 +164,12 @@
       23
     ],
     "48869094": [
-      11,
-      12
+      12,
+      13
     ],
     "49797206": [
       7,
-      12
+      13
     ],
     "51685786": [
       16,
@@ -4774,11 +4774,11 @@
       38
     ],
     "1c883115": [
-      11,
-      12
+      12,
+      13
     ],
     "6c3782ba": [
-      12,
+      13,
       33,
       34
     ],
@@ -4787,10 +4787,10 @@
     ],
     "2aafff4e": [
       7,
-      12
+      13
     ],
     "e87cacc0": [
-      27
+      26
     ],
     "69073ebc": [
       14
@@ -4802,7 +4802,7 @@
       15
     ],
     "d4eb2e9a": [
-      24,
+      27,
       35,
       52,
       51,
@@ -4820,27 +4820,27 @@
       50
     ],
     "23ca1756": [
-      12,
+      13,
       33,
       34
     ],
     "00f91b04": [
-      12,
+      13,
       33,
       34
     ],
     "53f6b447": [
-      12,
+      13,
       33,
       34
     ],
     "d09f073c": [
-      12,
+      13,
       33,
       34
     ],
     "01833f74": [
-      12,
+      13,
       33,
       34
     ],
@@ -4866,30 +4866,30 @@
       38
     ],
     "1213a832": [
-      11,
-      12
+      12,
+      13
     ],
     "bb0951f0": [
-      11,
-      12
+      12,
+      13
     ],
     "713bbcaf": [
-      12,
+      13,
       33,
       34
     ],
     "05315ade": [
-      12,
+      13,
       33,
       34
     ],
     "467e49a8": [
-      12,
+      13,
       33,
       34
     ],
     "146b5867": [
-      12,
+      13,
       33,
       34
     ],
@@ -4901,17 +4901,17 @@
     ],
     "0bd1d6c0": [
       7,
-      12
+      13
     ],
     "a904b9fe": [
       7,
-      12
+      13
     ],
     "ad8582e4": [
-      27
+      26
     ],
     "24a87c4d": [
-      27
+      26
     ],
     "740d87e2": [
       14
@@ -4929,49 +4929,49 @@
       15
     ],
     "2b54fcae": [
-      24,
+      27,
       35,
       52,
       51,
       53
     ],
     "78b07265": [
-      24,
+      27,
       35,
       52,
       51,
       53
     ],
     "3dde0fa9": [
-      24,
+      27,
       35,
       52,
       51,
       53
     ],
     "46581f13": [
-      24,
+      27,
       35,
       52,
       51,
       53
     ],
     "1c905e9c": [
-      24,
+      27,
       35,
       52,
       51,
       53
     ],
     "99f404be": [
-      24,
+      27,
       35,
       52,
       51,
       53
     ],
     "2e713b60": [
-      24,
+      27,
       35,
       52,
       51,
@@ -5066,20 +5066,20 @@
       38
     ],
     "0161c7b8": [
-      11,
-      12
+      12,
+      13
     ],
     "103caade": [
-      11,
-      12
+      12,
+      13
     ],
     "fe32d5a6": [
-      11,
-      12
+      12,
+      13
     ],
     "13b2d829": [
-      11,
-      12
+      12,
+      13
     ],
     "a0c327e4": [
       9
@@ -5098,19 +5098,19 @@
     ],
     "8aec8d9e": [
       7,
-      12
+      13
     ],
     "3600272c": [
       7,
-      12
+      13
     ],
     "0e23ed9d": [
       7,
-      12
+      13
     ],
     "ff22a860": [
       7,
-      12
+      13
     ],
     "f81611aa": [
       20
@@ -5128,19 +5128,19 @@
       20
     ],
     "1c7f10bb": [
-      27
+      26
     ],
     "6648f566": [
-      27
+      26
     ],
     "a03044be": [
-      27
+      26
     ],
     "ddffb96c": [
-      27
+      26
     ],
     "f2163464": [
-      27
+      26
     ],
     "b9318490": [
       4
@@ -5173,34 +5173,34 @@
       14
     ],
     "45054e93": [
-      25
+      24
     ],
     "0cd60a71": [
-      25
+      24
     ],
     "3f982f49": [
-      25
+      24
     ],
     "ea88b356": [
-      25
+      24
     ],
     "3b5b58f6": [
-      25
+      24
     ],
     "3978575d": [
-      26
+      25
     ],
     "1db8b498": [
-      26
+      25
     ],
     "4be02631": [
-      26
+      25
     ],
     "5c869534": [
-      26
+      25
     ],
     "6efb9bb8": [
-      26
+      25
     ],
     "f72adc88": [
       5
@@ -5248,35 +5248,35 @@
       15
     ],
     "733e848e": [
-      24,
+      27,
       35,
       52,
       51,
       53
     ],
     "b657d9e2": [
-      24,
+      27,
       35,
       52,
       51,
       53
     ],
     "447f4d2e": [
-      24,
+      27,
       35,
       52,
       51,
       53
     ],
     "60e97e1a": [
-      24,
+      27,
       35,
       52,
       51,
       53
     ],
     "1b8c555b": [
-      24,
+      27,
       35,
       52,
       51,
@@ -5381,15 +5381,15 @@
     "6e7e4bb8": [
       "43481e8.js"
     ],
+    "6fca0322": [
+      "4b2440f.js"
+    ],
     "b7053194": [
       "5040cb7.js"
     ],
     "bd48e5ea": [
       "5055e41.js"
     ],
-    "6fca0322": [
-      "55235d3.js"
-    ],
     "9f74e062": [
       "5d922c7.js"
     ],
@@ -5417,9 +5417,6 @@
     "085a35c4": [
       "af960fc.js"
     ],
-    "249c1620": [
-      "bbe3db4.js"
-    ],
     "5cb605a5": [
       "bc89170.js"
     ],
@@ -5429,6 +5426,9 @@
     "503bc0cd": [
       "d93776b.js"
     ],
+    "249c1620": [
+      "db40d2e.js"
+    ],
     "64c570c8": [
       "e842c15.js"
     ],
diff --git a/.nuxt/dist/server/index.spa.html b/.nuxt/dist/server/index.spa.html
index 9097287..8c09c74 100644
--- a/.nuxt/dist/server/index.spa.html
+++ b/.nuxt/dist/server/index.spa.html
@@ -5,5 +5,5 @@
   </head>
   <body {{ body_attrs }}>
     {{ APP }}
-  <script src="/_nuxt/55235d3.js"></script><script src="/_nuxt/af960fc.js"></script><script src="/_nuxt/7ad09f4.js"></script><script src="/_nuxt/2a79a12.js"></script></body>
+  <script src="/_nuxt/4b2440f.js"></script><script src="/_nuxt/af960fc.js"></script><script src="/_nuxt/7ad09f4.js"></script><script src="/_nuxt/2a79a12.js"></script></body>
 </html>
diff --git a/.nuxt/dist/server/pages/article/_id.js b/.nuxt/dist/server/pages/article/_id.js
index 2490968..9a5f717 100644
--- a/.nuxt/dist/server/pages/article/_id.js
+++ b/.nuxt/dist/server/pages/article/_id.js
@@ -588,7 +588,7 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM
 /***/ 197:
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__.p + "img/public.43b7bb8.png";
+module.exports = __webpack_require__.p + "img/public.3e79446.png";
 
 /***/ }),
 
diff --git a/.nuxt/dist/server/pages/article/_id.js.map b/.nuxt/dist/server/pages/article/_id.js.map
index b3f0a25..3ecc75b 100644
--- a/.nuxt/dist/server/pages/article/_id.js.map
+++ b/.nuxt/dist/server/pages/article/_id.js.map
@@ -1 +1 @@
-{"version":3,"file":"pages/article/_id.js","sources":["webpack:///./src/components/Barrage.vue?f0ac","webpack:///./src/components/Barrage.vue?5202","webpack:///./src/components/Barrage.vue?6d32","webpack:///./src/pages/article/_id.vue?d275","webpack:///./src/components/Barrage.vue?aa79","webpack:///./src/components/Barrage.vue","webpack:///./src/components/Barrage.vue?ace6","webpack:///./src/components/Barrage.vue?f84f","webpack:///./src/assets/images/chatbot_audio_feature.png","webpack:///./src/assets/images/play_chatbot_audio.png","webpack:///./src/assets/images/pause_chatbot_audio.png","webpack:///./src/assets/images/heart.png","webpack:///./src/assets/images/public.png","webpack:///./src/pages/article/_id.vue?a119","webpack:///./src/pages/article/_id.vue?6476","webpack:///./src/pages/article/_id.vue?4f19","webpack:///./src/pages/article/_id.vue","webpack:///./src/pages/article/_id.vue?550a","webpack:///./src/pages/article/_id.vue?96d9"],"sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--3-oneOf-1-2!../../node_modules/@nuxt/components/dist/loader.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Barrage.vue?vue&type=style&index=0&id=c3f32de4&lang=css&scoped=true&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add CSS to SSR context\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesServer.js\").default\nmodule.exports.__inject__ = function (context) {\n  add(\"07fbb799\", content, true, context)\n};","export * from \"-!../../node_modules/vue-style-loader/index.js??ref--3-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--3-oneOf-1-2!../../node_modules/@nuxt/components/dist/loader.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Barrage.vue?vue&type=style&index=0&id=c3f32de4&lang=css&scoped=true&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".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}\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../../node_modules/sass-resources-loader/lib/loader.js??ref--7-oneOf-1-4!../../../node_modules/@nuxt/components/dist/loader.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./_id.vue?vue&type=style&index=0&lang=scss&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add CSS to SSR context\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesServer.js\").default\nmodule.exports.__inject__ = function (context) {\n  add(\"38ee8f50\", content, true, context)\n};","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"z_barrage-container\"},[_vm._ssrNode(\"<canvas\"+(_vm._ssrAttr(\"width\",_vm.containerWidth))+(_vm._ssrAttr(\"height\",_vm.containerHeight))+\" style=\\\"display: none\\\" data-v-c3f32de4></canvas> <div class=\\\"z_container\\\"\"+(_vm._ssrStyle(null,{ height: _vm.containerHeight / 2 + 'px' }, null))+\" data-v-c3f32de4><canvas id=\\\"canvas\\\"\"+(_vm._ssrAttr(\"width\",_vm.containerWidth))+(_vm._ssrAttr(\"height\",_vm.containerHeight))+\" class=\\\"z_barrage\\\"\"+(_vm._ssrStyle(null,{\n        width: _vm.containerWidth / 2 + 'px',\n        height: _vm.containerHeight / 2 + 'px'\n      }, null))+\" data-v-c3f32de4></canvas></div>\")])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n// import faceMap from '../../assets/emoji'\nlet aniId, aniId1;\nexport default {\n  name: 'Barrage',\n  props: {\n    barrageList: {\n      type: Array,\n      default: () => []\n    },\n    speed: {\n      type: Number,\n      default: 4\n    },\n    loop: {\n      type: Boolean,\n      default: true\n    },\n    channels: {\n      type: Number,\n      default: 2\n    },\n    barrageHeight: {\n      type: Number,\n      default: 60\n    },\n    screenPercent: {\n      type: Number,\n      default: 0.3\n    },\n    borderColor: {\n      type: String,\n      default: ''\n    },\n    background: {\n      type: String,\n      default: ''\n    },\n    deviceType: {\n      type: String,\n      default: 'pc'\n    },\n    linearGradient: {\n      type: Object,\n      default: () => {\n        return {\n          startColor: '',\n          endColor: ''\n        };\n      }\n    }\n  },\n  data() {\n    return {\n      newBarrageArray: [], // 新增弹幕之后的总弹幕\n      barrageArray: [],\n      barrageQueue: [],\n      containerWidth: 0,\n      containerHeight: 0,\n      channelsArray: [],\n      barrageChannels: 1\n    };\n  },\n  watch: {\n    barrageList(val) {\n      if (val.length !== 0) {\n        this.barrageQueue = JSON.parse(JSON.stringify(val));\n        this.newBarrageArray = JSON.parse(JSON.stringify(val));\n        this.initData();\n        window.cancelAnimationFrame(aniId);\n        aniId = window.requestAnimationFrame(this.render);\n      }\n    }\n  },\n  mounted() {\n    this.containerWidth =\n      this.deviceType === 'pc' ? 723 * 2 : document.body.clientWidth * 2;\n    this.containerHeight = 365 * 2; // 设定总高度\n    this.barrageChannels = this.channels; // 总高度对应的轨道数\n    this.ctx = this.$refs.canvas.getContext('2d');\n    this.ctx1 = this.$refs.canvasContainer.getContext('2d');\n    this.barrageClickEvent();\n  },\n  methods: {\n    /**\n     * 数据初始化\n     */\n    initData() {\n      for (let i = 0; i < this.barrageQueue.length; i++) {\n        // 此处处理只显示50个字符\n        let tagImg = null;\n        let img = null;\n        if (this.barrageQueue[i].icon) {\n          img = new Image();\n          img.src = this.barrageQueue[i].icon;\n        }\n        if (this.barrageQueue[i].tagImage) {\n          tagImg = new Image();\n          tagImg.src = this.barrageQueue[i].tagImage;\n        }\n        const content = this.dealStr(this.barrageQueue[i].content);\n        this.barrageArray.push({\n          id: this.barrageQueue[i].id,\n          content,\n          x: this.containerWidth + this.barrageHeight,\n          icon: img,\n          tagImage: tagImg,\n          width:\n            this.ctx1.measureText(content).width * 3.6 +\n            (this.barrageQueue[i].icon ? 60 : 0),\n          color: this.barrageQueue[i].color || '#FFFFFF',\n          bgColor: this.barrageQueue[i].bgColor || 'rgba(0,0,0,0.4)'\n        });\n      }\n      this.initChannel();\n    },\n    /**\n     * 初始化轨道数据\n     */\n    initChannel() {\n      for (let i = 0; i < this.barrageChannels; i++) {\n        const item = this.barrageArray.shift();\n        if (item) {\n          this.channelsArray[i] = [item];\n        } else {\n          this.channelsArray[i] = [];\n        }\n      }\n    },\n    /**\n     * 渲染\n     */\n    render() {\n      this.ctx.clearRect(0, 0, this.containerWidth, this.containerHeight);\n      this.ctx.font = '36px Microsoft YaHei';\n      this.draw();\n      window.cancelAnimationFrame(aniId1);\n      aniId1 = window.requestAnimationFrame(this.render);\n    },\n    draw() {\n      for (let i = 0; i < this.channelsArray.length; i++) {\n        for (let j = 0; j < this.channelsArray[i].length; j++) {\n          try {\n            const barrage = this.channelsArray[i][j];\n            barrage.x -= this.speed;\n            if (barrage.x <= this.containerWidth) {\n              // 弹幕显示\n              this.borderColor &&\n                this.drawRoundRectBorder(\n                  this.ctx,\n                  barrage.x - this.barrageHeight / 2,\n                  i * (this.barrageHeight + 60) + 20,\n                  barrage.width + this.barrageHeight,\n                  this.barrageHeight,\n                  this.barrageHeight / 2\n                );\n              this.drawRoundRect(\n                this.ctx,\n                barrage.bgColor,\n                barrage.x - this.barrageHeight / 2,\n                i * (this.barrageHeight + 60) + 21,\n                barrage.width + this.barrageHeight,\n                this.barrageHeight - 2,\n                this.barrageHeight / 2\n              );\n              this.ctx.fillStyle = `${barrage.color}`;\n              this.ctx.fillText(\n                barrage.content,\n                barrage.x + (barrage.icon ? this.barrageHeight / 2 + 10 : -5),\n                i * (this.barrageHeight + 60) + this.barrageHeight - 25\n              );\n              if (barrage.icon) {\n                this.circleImg(\n                  this.ctx,\n                  barrage.icon,\n                  barrage.x - 40,\n                  i * (this.barrageHeight + 60) + 40,\n                  40\n                );\n              }\n              if (barrage.tagImage) {\n                this.originImg(\n                  this.ctx,\n                  barrage.tagImage,\n                  barrage.x - this.barrageHeight - 10,\n                  i * (this.barrageHeight + 60) + 20,\n                  this.barrageHeight,\n                  this.barrageHeight\n                );\n              }\n            }\n            if (barrage.x < -(barrage.width + this.barrageHeight)) {\n              // 弹幕删除\n              const arr = this.channelsArray.reduce((a, b) => a.concat(b));\n              if (this.loop) {\n                if (this.checkBarrageStatus(arr)) {\n                  this.barrageQueue = [];\n                  this.barrageQueue = JSON.parse(\n                    JSON.stringify(this.newBarrageArray)\n                  );\n                  this.initData();\n                }\n              }\n            }\n            // 弹幕插入时机判断\n            if (\n              barrage.x <=\n                Math.floor(this.containerWidth - barrage.width - 40) &&\n              barrage.x >=\n                Math.floor(\n                  this.containerWidth - barrage.width - 40 - this.speed\n                ) &&\n              j === this.channelsArray[i].length - 1 &&\n              this.barrageArray.length !== 0\n            ) {\n              const item = this.barrageArray.shift();\n              this.channelsArray[i].push(item);\n            }\n          } catch (e) {\n            console.log(e);\n          }\n        }\n      }\n    },\n    /**\n     * 重置数据\n     */\n    add(obj) {\n      const content = this.dealStr(obj.content);\n      let img = null;\n      let tagImg = null;\n      if (obj.icon) {\n        img = new Image();\n        img.src = obj.icon;\n      }\n      if (obj.tagImage) {\n        tagImg = new Image();\n        tagImg.src = obj.tagImage;\n      }\n      const item = {\n        id: obj.id,\n        content,\n        x: this.containerWidth + this.barrageHeight,\n        icon: obj.icon ? img : '',\n        tagImage: obj.tagImage ? tagImg : '',\n        width:\n          this.ctx1.measureText(content).width * 3 +\n          (obj.icon ? this.barrageHeight : 0),\n        color: obj.color || '#FFFFFF',\n        bgColor: obj.bgColor || 'rgba(0,0,0,0.4)'\n      };\n      const originItem = {\n        id: obj.id,\n        content: obj.content,\n        icon: obj.icon,\n        tagImage: obj.tagImage,\n        color: obj.color || '#FFFFFF',\n        bgColor: obj.bgColor || 'rgba(0,0,0,0.4)'\n      };\n      if (this.barrageArray.length === 0) {\n        // 剩余弹幕数为0\n        this.newBarrageArray.unshift(originItem);\n      } else {\n        this.barrageArray.unshift(item);\n        const insertIndex = this.barrageList.length - this.barrageArray.length;\n        this.newBarrageArray.splice(insertIndex, 0, originItem);\n      }\n    },\n    /**\n     * 弹幕点击事件\n     */\n    barrageClickEvent() {\n      document.getElementById('canvas').addEventListener(\n        'click',\n        (e) => {\n          const p = this.getEventPosition(e);\n          const channelIndex = Math.floor(p.y / (this.barrageHeight + 36));\n          const tempArray = JSON.parse(\n            JSON.stringify(this.channelsArray[channelIndex])\n          );\n          for (let i = 0; i < tempArray.length; i++) {\n            const channelItemArray = tempArray[i];\n            if (\n              p.x > channelItemArray.x &&\n              p.x < channelItemArray.x + channelItemArray.width\n            ) {\n              if (channelItemArray.id) {\n                this.$emit('doLike', channelItemArray.id);\n              }\n            }\n          }\n        },\n        false\n      );\n    },\n    /**\n     * 获取点击位置\n     */\n    getEventPosition(ev) {\n      let x, y;\n      if (ev.layerX || ev.layerX === 0) {\n        x = ev.layerX;\n        y = ev.layerY;\n      } else if (ev.offsetX || ev.offsetX === 0) {\n        x = ev.offsetX;\n        y = ev.offsetY;\n      }\n      return { x: 2 * x, y: 2 * y };\n    },\n    /**\n     * 判断所有的弹幕是否滚动完成\n     * @params arr\n     */\n    checkBarrageStatus(arr) {\n      for (let i = 0; i < arr.length; i++) {\n        if (arr[i].x > -arr[i].width) return false;\n      }\n      return true;\n    },\n    /**\n     * 处理字符\n     */\n    dealStr(str) {\n      return str.length > 50 ? `${str.substring(0, 50)}...` : str;\n    },\n    /**\n     * 获取随机颜色\n     */\n    getColor() {\n      return `#${Math.floor(Math.random() * 16777215).toString(16)}`;\n    },\n    /**\n     * 裁剪图片\n     * @param ctx\n     * @param img\n     * @param x\n     * @param y\n     * @param r\n     */\n    circleImg(ctx, img, x, y, r) {\n      ctx.save();\n      const d = 2 * r;\n      const cx = x + r;\n      const cy = y + r;\n      ctx.beginPath();\n      ctx.arc(cx, cy, r, 0, 2 * Math.PI);\n      ctx.clip();\n      ctx.drawImage(img, x, y, d, d);\n      ctx.restore();\n      ctx.closePath();\n    },\n    /**\n     * 绘制原始图片\n     * @param ctx\n     * @param img\n     * @param x\n     * @param y\n     * @param width\n     * @param height\n     */\n    originImg(ctx, img, x, y, width, height) {\n      try {\n        ctx.beginPath();\n        ctx.drawImage(img, x, y, width, height);\n        ctx.closePath();\n      } catch (e) {\n        console.log(e);\n      }\n    },\n    /**\n     * 绘画圆角矩形\n     * @param context\n     * @param bgColor\n     * @param x\n     * @param y\n     * @param width\n     * @param height\n     * @param radius\n     */\n    drawRoundRect(context, bgColor, x, y, width, height, radius) {\n      if (this.linearGradient.startColor && this.linearGradient.endColor) {\n        const linearGrad = context.createLinearGradient(x, y, x, y + height);\n        linearGrad.addColorStop(0, this.linearGradient.startColor);\n        linearGrad.addColorStop(1, this.linearGradient.endColor);\n        context.fillStyle = linearGrad || bgColor;\n      } else {\n        context.fillStyle = this.background || bgColor;\n      }\n      context.beginPath();\n      context.arc(x + radius, y + radius, radius, Math.PI, (Math.PI * 3) / 2);\n      context.lineTo(width - radius + x, y);\n      context.arc(\n        width - radius + x,\n        radius + y,\n        radius,\n        (Math.PI * 3) / 2,\n        Math.PI * 2\n      );\n      context.lineTo(width + x, height + y - radius);\n      context.arc(\n        width - radius + x,\n        height - radius + y,\n        radius,\n        0,\n        Math.PI / 2\n      );\n      context.lineTo(radius + x, height + y);\n      context.arc(\n        radius + x,\n        height - radius + y,\n        radius,\n        Math.PI / 2,\n        Math.PI\n      );\n      context.fill();\n      context.closePath();\n    },\n    /**\n     * 绘画圆角矩形\n     * @param context\n     * @param x\n     * @param y\n     * @param width\n     * @param height\n     * @param radius 半径\n     */\n    drawRoundRectBorder(context, x, y, width, height, radius) {\n      context.beginPath();\n      context.lineWidth = 2;\n      context.strokeStyle = this.borderColor;\n      context.arc(x + radius, y + radius, radius, Math.PI, (Math.PI * 3) / 2);\n      context.lineTo(width - radius + x, y);\n      context.arc(\n        width - radius + x,\n        radius + y,\n        radius,\n        (Math.PI * 3) / 2,\n        Math.PI * 2\n      );\n      context.lineTo(width + x, height + y - radius);\n      context.arc(\n        width - radius + x,\n        height - radius + y,\n        radius,\n        0,\n        Math.PI / 2\n      );\n      context.lineTo(radius + x, height + y);\n      context.arc(\n        radius + x,\n        height - radius + y,\n        radius,\n        Math.PI / 2,\n        Math.PI\n      );\n      context.stroke();\n      context.closePath();\n    }\n  }\n};\n","import mod from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/@nuxt/components/dist/loader.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Barrage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/@nuxt/components/dist/loader.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Barrage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Barrage.vue?vue&type=template&id=c3f32de4&scoped=true&\"\nimport script from \"./Barrage.vue?vue&type=script&lang=js&\"\nexport * from \"./Barrage.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  var style0 = require(\"./Barrage.vue?vue&type=style&index=0&id=c3f32de4&lang=css&scoped=true&\")\nif (style0.__inject__) style0.__inject__(context)\n\n}\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  injectStyles,\n  \"c3f32de4\",\n  \"61721d3f\"\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/chatbot_audio_feature.458e9b3.png\";","module.exports = __webpack_public_path__ + \"img/play_chatbot_audio.87713b4.png\";","module.exports = __webpack_public_path__ + \"img/pause_chatbot_audio.48f50e9.png\";","module.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=\"","module.exports = __webpack_public_path__ + \"img/public.43b7bb8.png\";","export * from \"-!../../../node_modules/vue-style-loader/index.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../../node_modules/sass-resources-loader/lib/loader.js??ref--7-oneOf-1-4!../../../node_modules/@nuxt/components/dist/loader.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./_id.vue?vue&type=style&index=0&lang=scss&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_GET_URL_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/getUrl.js\");\nvar ___CSS_LOADER_URL_IMPORT_0___ = require(\"../../assets/images/video_play_icon.png\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"*{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(\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \") 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}\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"article-detail-page\",staticStyle:{\"padding\":\"30px 0\"}},[_vm._ssrNode(\"<div class=\\\"left-content\\\">\",\"</div>\",[_vm._ssrNode(\"<div class=\\\"top\\\">\"+((!_vm.articleData.thumb)?(\"<img\"+(_vm._ssrAttr(\"src\",require(\"assets/images/article_cover.png\")))+\" alt style=\\\"display: none\\\">\"):(\"<img\"+(_vm._ssrAttr(\"src\",_vm.articleData.thumb))+(_vm._ssrAttr(\"alt\",_vm.articleData.title))+\" style=\\\"display: none\\\">\"))+\" <h4>\"+_vm._ssrEscape(_vm._s(_vm.articleData.title))+\"</h4></div> <p>\"+_vm._ssrEscape(\"\\n      \"+_vm._s(_vm.articleData.hit)+\" \")+\"<i class=\\\"el-icon-view\\\"></i>\"+_vm._ssrEscape(\"  \"+_vm._s(_vm.articleData.published_at)+\"\\n    \")+\"</p> \"+((_vm.showNovoTeacher)?(\"<div class=\\\"chatbot-audio\\\"><img\"+(_vm._ssrAttr(\"src\",require(\"assets/images/chatbot_audio_feature.png\")))+\" alt> <div><h6>保护双眼，听小诺朗读</h6> <div><img\"+(_vm._ssrAttr(\"src\",require(\"assets/images/play_chatbot_audio.png\")))+\" alt\"+(_vm._ssrStyle(null,{ display: _vm.audioPause ? '' : 'none' }, null))+\"> <img\"+(_vm._ssrAttr(\"src\",require(\"assets/images/pause_chatbot_audio.png\")))+\" alt\"+(_vm._ssrStyle(null,{ display: !_vm.audioPause ? '' : 'none' }, null))+\"> <div><span\"+(_vm._ssrStyle(null,{ color: _vm.playTime != '00:00' ? '#3099EA' : '' }, null))+\">\"+_vm._ssrEscape(_vm._s(_vm.playTime))+\"</span> <p><span\"+(_vm._ssrStyle(null,{ width: _vm.playWidth + '%' }, null))+\"></span></p> <span>\"+_vm._ssrEscape(_vm._s(_vm.allTime))+\"</span></div></div> <audio\"+(_vm._ssrAttr(\"src\",_vm.articleData.audio_url))+\"></audio></div></div>\"):\"<!---->\")+\" \"+((_vm.articleData.video_url)?(\"<div class=\\\"video-box\\\"><video 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=\\\"controls\\\"\"+(_vm._ssrAttr(\"poster\",_vm.articleData.thumb))+(_vm._ssrAttr(\"src\",_vm.articleData.video_url))+\" style=\\\"object-fit: fill\\\"></video></div>\"):\"<!---->\")+\" <div class=\\\"article-content\\\">\"+(_vm._s(_vm.articleData.content))+\"</div> \"),_vm._ssrNode(\"<div class=\\\"bottom-box\\\">\",\"</div>\",[_vm._ssrNode(((!_vm.isLogin && _vm.deviceType === 'pc')?(\"<p class=\\\"go-follow\\\">\\n        点击关注微信公众号，查看更多专业资讯\\n      </p>\"):\"<!---->\")+\" \"),_vm._ssrNode(\"<div class=\\\"comment-box\\\">\",\"</div>\",[_vm._ssrNode(\"<h6><span>最新看法</span> <span>发表你的看法</span></h6> \"),_vm._ssrNode(\"<div class=\\\"comment-content\\\">\",\"</div>\",[_c('Barrage',{ref:\"barrage\",staticClass:\"barrage\",attrs:{\"barrage-list\":_vm.barrageList,\"speed\":_vm.deviceType === 'pc' ? 4 : 3,\"loop\":true,\"channels\":3,\"border-color\":'#ededed',\"background\":'#fff',\"barrage-height\":120,\"device-type\":_vm.deviceType}})],1),_vm._ssrNode(\" \"+((!_vm.barrageIsShow)?(\"<p>还没有人发表看法</p>\"):\"<!---->\"))],2)],2)],2),_vm._ssrNode(\" <div class=\\\"right-content\\\"\"+(_vm._ssrStyle(null,{ position: _vm.isFixed ? 'fixed' : 'static', right: _vm.right + 'px' }, null))+\"><h6 class=\\\"common-title\\\">\\n      猜你喜欢<img\"+(_vm._ssrAttr(\"src\",require(\"assets/images/heart.png\")))+\" alt></h6> <div class=\\\"list\\\" style=\\\"min-height: 100vh\\\">\"+(_vm._ssrList((_vm.recommendArticles),function(item){return (\"<div class=\\\"list-item\\\">\"+((!item.thumb)?(\"<img\"+(_vm._ssrAttr(\"src\",require(\"assets/images/article_cover.png\")))+\" alt>\"):(\"<img\"+(_vm._ssrAttr(\"src\",item.thumb))+(_vm._ssrAttr(\"alt\",item.title))+\">\"))+\" <p>\"+_vm._ssrEscape(_vm._s(item.title))+\"</p> <div class=\\\"bottom\\\"><span>\"+_vm._ssrEscape(_vm._s(item.hit))+\"<i class=\\\"el-icon-view\\\" style=\\\"margin-right: 8px\\\"></i>\"+_vm._ssrEscape(_vm._s(item.collect))+\"<i class=\\\"el-icon-star-on\\\"></i></span></div></div>\")}))+\"</div> <div class=\\\"stack-bottom\\\"><div class=\\\"s-container\\\"><img\"+(_vm._ssrAttr(\"src\",require(\"assets/images/public.png\")))+\" alt class=\\\"s-left\\\"> <div class=\\\"s-right\\\"><img\"+(_vm._ssrAttr(\"src\",_vm.isPro ? _vm.qrcodeUrl : _vm.qrcodeUrlTest))+\" alt class=\\\"code\\\"> <div class=\\\"name\\\">\\n            微信扫一扫\\n            <br>\\n            获取最新糖尿病展示\\n          </div></div></div></div></div> \"+((_vm.commentModelPopupShow)?(\"<div class=\\\"comment-model-popup\\\"><div class=\\\"mask\\\"></div> <div class=\\\"content\\\"><div\"+(_vm._ssrStyle(null,{ maxHeight: _vm.commentMaxHeight + 'px' }, null))+\"><div><div>\"+(_vm._ssrList((_vm.commentModelList),function(item,index){return (\"<div><p\"+(_vm._ssrClass(null,item.chosen ? 'chosen' : ''))+\">\"+_vm._ssrEscape(\"\\n                  \"+_vm._s(item.content)+\"\\n                \")+\"</p></div>\")}))+\"</div> \"+((_vm.commentLoading)?(\"<p class=\\\"load-more\\\">\\n            加载更多<i class=\\\"el-icon-loading\\\"></i></p>\"):\"<!---->\")+\"</div></div> <p>立即发布</p></div></div>\"):\"<!---->\")+\" \"),_c('BottomRightFixed',{attrs:{\"show-share\":true,\"show-collect\":true,\"is-login\":_vm.isLogin,\"is-collect\":_vm.articleData.is_collected,\"show-comment\":true},on:{\"commentClick\":function($event){return _vm.getCommentCorpus(1, 2)},\"collectClick\":_vm.collectArticle}})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport { createNamespacedHelpers } from 'vuex';\n\nconst { mapActions, mapGetters } = createNamespacedHelpers('user');\nexport default {\n  name: 'ArticleDetailPage',\n  layout: 'detail',\n\n  validate({ params }) {\n    return /^\\d+$/.test(params.id);\n  },\n\n  async asyncData({ $axios, params, req, redirect }) {\n    // if (!process.server) return;\n    const data = await $axios.$get(\n      '/article/detail/' + params.id,\n      $axios.genSSROptions(req)\n    );\n    //            data.detail.articleData.audio_url = 'https://app.diabetes.com.cn/uploadfile/article/audio/8160-16395833618215.mp3';\n    // console.log('dafa:', data);\n    if (data.success === false) {\n      redirect('/error?code=' + 404);\n    }\n    return { ...data.detail };\n  },\n\n  data() {\n    return {\n      audioPause: true,\n      playTime: '00:00',\n      allTime: '00:00',\n      canPlayAudio: false,\n      playWidth: 0,\n      barrageIsShow: false,\n      barrageList: [],\n      commentModelPopupShow: false,\n      commentModelList: [],\n      inComment: false,\n      commentPage: 1,\n      commentLoading: false,\n      commentHasMore: true,\n      chosenCommentId: 0,\n      inCollect: false,\n      isFixed: false,\n      right: 89,\n      commentMaxHeight: 300,\n      isPro: false,\n      qrcodeUrl: require('~/assets/images/follow_qrcode.png'),\n      qrcodeUrlTest: require('~/assets/images/follow_qrcode_test.png')\n    };\n  },\n\n  head() {\n    return {\n      title: this.articleData.title,\n      meta: [\n        {\n          hid: 'description',\n          name: 'description',\n          content: 'Home page description'\n        }\n      ]\n    };\n  },\n  computed: {\n    ...mapGetters({\n      isLogin: 'isLogin'\n    }),\n    deviceType() {\n      return this.$store.state.device.deviceType;\n    },\n    env() {\n      return this.$store.state.device.env;\n    }\n  },\n\n  mounted() {\n    this.isPro = process.env.VUE_APP_TITLE === 'production';\n    const that = this;\n    this.getComment();\n    this.$nextTick(() => {\n      if (that.deviceType === 'pc') {\n        window.addEventListener('scroll', function () {\n          that.isFixed = true;\n          const scrollLeft =\n            document.documentElement.scrollLeft || document.body.scrollLeft;\n          if (document.documentElement.offsetWidth < 1258) {\n            that.right =\n              89 - (1258 - document.documentElement.offsetWidth) + scrollLeft;\n          } else {\n            that.right = (document.documentElement.offsetWidth - 1080) / 2;\n          }\n        });\n      } else {\n        that.commentMaxHeight =\n          (document.documentElement.clientHeight ||\n            document.body.clientHeight) * 0.6;\n        if (this.deviceType === 'ios') {\n          if (that.env === 'wechat') {\n            document.addEventListener(\n              'WeixinJSBridgeReady',\n              function () {\n                that.$refs.chatbotAudio.play();\n                that.$refs.chatbotAudio.pause();\n                that.$refs.chatbotAudio.currentTime = 0;\n              },\n              false\n            );\n          } else {\n            window.onload = function () {\n              that.$refs.chatbotAudio.play();\n              that.$refs.chatbotAudio.pause();\n              that.$refs.chatbotAudio.currentTime = 0;\n              if (!isNaN(that.$refs.chatbotAudio.duration)) {\n                const duration = that.$refs.chatbotAudio.duration;\n                let minutes = parseInt(duration / 60, 10);\n                let seconds = parseInt(duration % 60);\n                minutes = minutes < 10 ? '0' + minutes : minutes;\n                seconds = seconds < 10 ? '0' + seconds : seconds;\n                that.allTime = minutes + ':' + seconds;\n                that.canPlayAudio = true;\n              } else {\n                that.canPlayAudio = true;\n              }\n            };\n          }\n        }\n      }\n    });\n  },\n  methods: {\n    ...mapActions({\n      showLoginDialog: 'showLoginDialog'\n    }),\n    getDuration() {\n      const duration = this.$refs.chatbotAudio.duration;\n      let minutes = parseInt(duration / 60, 10);\n      let seconds = parseInt(duration % 60);\n      minutes = minutes < 10 ? '0' + minutes : minutes;\n      seconds = seconds < 10 ? '0' + seconds : seconds;\n      this.allTime = minutes + ':' + seconds;\n      this.canPlayAudio = true;\n    },\n    playPauseAudio() {\n      if (this.canPlayAudio) {\n        if (this.audioPause) {\n          this.baiduStat('文章详情页', 'click', '小诺老师语音控件');\n          this.$refs.chatbotAudio.play();\n        } else {\n          this.$refs.chatbotAudio.pause();\n        }\n        this.audioPause = !this.audioPause;\n      }\n    },\n    updateTime(e) {\n      const currentTime = e.target.currentTime;\n      const duration = e.target.duration;\n      let minutes = parseInt(currentTime / 60, 10);\n      let seconds = parseInt(currentTime % 60);\n      minutes = minutes < 10 ? '0' + minutes : minutes;\n      seconds = seconds < 10 ? '0' + seconds : seconds;\n      this.playWidth = (currentTime / duration) * 100;\n      this.playTime = minutes + ':' + seconds;\n    },\n    audioEnd() {\n      this.audioPause = true;\n      this.playTime = '00:00';\n      this.playWidth = 0;\n    },\n    async getComment() {\n      const data = await this.$axios.$get(\n        '/article/comment-list?aid=' + this.$route.params.id\n      );\n      for (const item of data.detail.commentList) {\n        item.time = Math.random() * 15 + 9;\n      }\n      this.barrageIsShow = data.detail.commentList.length > 0;\n      const _list = [];\n      for (const comment of data.detail.commentList) {\n        _list.push({\n          content: comment.comment_content,\n          color: '#939AA7',\n          icon: comment.headimgurl\n        });\n      }\n      this.barrageList = _list;\n    },\n    async getCommentCorpus(page, type) {\n      if (!this.isLogin) {\n        this.showLoginDialog(true);\n      } else {\n        const that = this;\n        if (page === 1) {\n          this.baiduStat(\n            '文章详情页',\n            'click',\n            type === 1 ? '文章内发表你的想法-点击' : '文章内评论'\n          );\n          this.chosenCommentId = 0;\n          this.commentModelList = [];\n          this.commentPage = 1;\n          this.commentHasMore = true;\n          this.commentModelPopupShow = true;\n          setTimeout(function () {\n            that.$refs.commentCorpus.addEventListener('scroll', function () {\n              // 变量scrollTop是滚动条滚动时，距离顶部的距离\n              const scrollTop = that.$refs.commentCorpus.scrollTop;\n              // 变量windowHeight是可视区的高度\n              const contentHeight = that.$refs.commentCorpus.clientHeight;\n              // 变量scrollHeight是滚动条的总高度\n              const allHeight = that.$refs.commentCorpusContent.clientHeight;\n              // 滚动条到底部的条件\n              if (scrollTop + contentHeight > allHeight - 20) {\n                // 写后台加载数据的函数 一定要用that\n                that.getCommentCorpus();\n              }\n            });\n          });\n        }\n        if (this.commentHasMore && !this.commentLoading) {\n          this.commentLoading = true;\n          const data = await this.$axios.$get(\n            '/article/comment-corpus?page=' + this.commentPage\n          );\n          for (const item of data.detail.list) {\n            item.chosen = false;\n          }\n          this.commentPage = this.commentPage + 1;\n          this.commentModelList = this.commentModelList.concat(\n            data.detail.list\n          );\n          this.commentHasMore = data.detail.hasMore;\n          this.commentLoading = false;\n        }\n      }\n    },\n    chooseCorpus(id, index) {\n      for (const item of this.commentModelList) {\n        item.chosen = false;\n      }\n      this.chosenCommentId = id;\n      this.commentModelList[index].chosen = true;\n    },\n    async commentArticle() {\n      if (this.chosenCommentId === 0) {\n        this.$message({\n          message: '请选择看法模版',\n          type: 'warning'\n        });\n      } else {\n        const loading = this.$loading({\n          lock: true,\n          text: 'Loading',\n          spinner: 'el-icon-loading',\n          background: 'rgba(0, 0, 0, 0.7)'\n        });\n        const data = await this.$axios.$post('/article/user-comment', {\n          aid: this.$route.params.id,\n          comment_template_id: this.chosenCommentId\n        });\n        if (data && data.success) {\n          this.baiduStat('文章详情页', 'click', '文章内发表你的想法-发表成功');\n        }\n        console.log(data);\n        loading.close();\n        this.commentModelPopupShow = false;\n        this.getComment();\n      }\n    },\n    async collectArticle() {\n      if (!this.isLogin) {\n        this.showLoginDialog(true);\n      } else if (this.inCollect) {\n        this.$message({\n          message: '您的操作太快了',\n          type: 'warning'\n        });\n      } else {\n        this.baiduStat('文章详情页', 'click', '文章内收藏');\n        this.inCollect = true;\n        const data = await this.$axios.$post('/article/user-collect', {\n          aid: this.$route.params.id\n        });\n        console.log(data);\n        this.articleData.is_collected = data.detail.curState;\n        this.inCollect = false;\n      }\n    },\n    goHref(url) {\n      let openNew = false;\n      if (this.deviceType === 'pc') {\n        openNew = true;\n      }\n      url = this.$router.resolve({\n        path: url\n      });\n      if (openNew) {\n        window.open(url.href, '_blank');\n      } else {\n        window.location.href = url.href;\n      }\n    }\n  }\n};\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--2-0!../../../node_modules/@nuxt/components/dist/loader.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./_id.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--2-0!../../../node_modules/@nuxt/components/dist/loader.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./_id.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./_id.vue?vue&type=template&id=4a21580c&\"\nimport script from \"./_id.vue?vue&type=script&lang=js&\"\nexport * from \"./_id.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  var style0 = require(\"./_id.vue?vue&type=style&index=0&lang=scss&\")\nif (style0.__inject__) style0.__inject__(context)\n\n}\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  injectStyles,\n  null,\n  \"733e848e\"\n  \n)\n\nexport default component.exports\n\n/* nuxt-component-imports */\ninstallComponents(component, {Barrage: require('/home/kola-wsl/project/tangwang-pc/src/components/Barrage.vue').default,BottomRightFixed: require('/home/kola-wsl/project/tangwang-pc/src/components/BottomRightFixed.vue').default})\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACXA;AAAA;AAAA;AAAA;;;;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACXA;AACA;AACA;AACA;AACA;AACA;;;;;ACLA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAFA;AAIA;AACA;AACA;AAFA;AAIA;AACA;AACA;AAFA;AAIA;AACA;AACA;AAFA;AAIA;AACA;AACA;AAFA;AAIA;AACA;AACA;AAFA;AAIA;AACA;AACA;AAFA;AAIA;AACA;AACA;AAFA;AAIA;AACA;AACA;AAFA;AAIA;AACA;AACA;AACA;AACA;AACA;AAFA;AAIA;AAPA;AArCA;AACA;AA8CA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA;AASA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA;AACA;AAUA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAVA;AAYA;AACA;AAAA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AASA;AASA;AACA;AACA;AAIA;AACA;AAOA;AACA;AAAA;AACA;AAQA;AACA;AACA;AAAA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAVA;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AANA;AACA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAOA;AACA;AAOA;AACA;AAOA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;AACA;AAOA;AACA;AAOA;AACA;AACA;AACA;AAvXA;AAhFA;;ACnCA;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACvBA;;;;;;;ACAA;;;;;;;ACAA;;;;;;;ACAA;;;;;;;ACAA;;;;;;;;ACAA;AAAA;AAAA;AAAA;;;;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACTA;AACA;AACA;;;;;;;;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAKA;AACA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AArBA;AAuBA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAHA;AAHA;AAUA;AACA;AAAA;AAEA;AADA;AACA;AAEA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAVA;AACA;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAGA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AADA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAHA;AAKA;AACA;AAAA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAFA;AAIA;AACA;AACA;AACA;AACA;AACA;AAJA;AAMA;AACA;AACA;AAFA;AACA;AAGA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAFA;AAIA;AACA;AACA;AACA;AACA;AADA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AAAA;AACA;AACA;AACA;AAAA;AACA;AADA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AA5KA;AA9HA;;AC3MA;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;A","sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"pages/article/_id.js","sources":["webpack:///./src/components/Barrage.vue?f0ac","webpack:///./src/components/Barrage.vue?5202","webpack:///./src/components/Barrage.vue?6d32","webpack:///./src/pages/article/_id.vue?d275","webpack:///./src/components/Barrage.vue?aa79","webpack:///./src/components/Barrage.vue","webpack:///./src/components/Barrage.vue?ace6","webpack:///./src/components/Barrage.vue?f84f","webpack:///./src/assets/images/chatbot_audio_feature.png","webpack:///./src/assets/images/play_chatbot_audio.png","webpack:///./src/assets/images/pause_chatbot_audio.png","webpack:///./src/assets/images/heart.png","webpack:///./src/assets/images/public.png","webpack:///./src/pages/article/_id.vue?a119","webpack:///./src/pages/article/_id.vue?6476","webpack:///./src/pages/article/_id.vue?4f19","webpack:///./src/pages/article/_id.vue","webpack:///./src/pages/article/_id.vue?550a","webpack:///./src/pages/article/_id.vue?96d9"],"sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--3-oneOf-1-2!../../node_modules/@nuxt/components/dist/loader.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Barrage.vue?vue&type=style&index=0&id=c3f32de4&lang=css&scoped=true&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add CSS to SSR context\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesServer.js\").default\nmodule.exports.__inject__ = function (context) {\n  add(\"07fbb799\", content, true, context)\n};","export * from \"-!../../node_modules/vue-style-loader/index.js??ref--3-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--3-oneOf-1-2!../../node_modules/@nuxt/components/dist/loader.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Barrage.vue?vue&type=style&index=0&id=c3f32de4&lang=css&scoped=true&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".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}\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../../node_modules/sass-resources-loader/lib/loader.js??ref--7-oneOf-1-4!../../../node_modules/@nuxt/components/dist/loader.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./_id.vue?vue&type=style&index=0&lang=scss&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add CSS to SSR context\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesServer.js\").default\nmodule.exports.__inject__ = function (context) {\n  add(\"38ee8f50\", content, true, context)\n};","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"z_barrage-container\"},[_vm._ssrNode(\"<canvas\"+(_vm._ssrAttr(\"width\",_vm.containerWidth))+(_vm._ssrAttr(\"height\",_vm.containerHeight))+\" style=\\\"display: none\\\" data-v-c3f32de4></canvas> <div class=\\\"z_container\\\"\"+(_vm._ssrStyle(null,{ height: _vm.containerHeight / 2 + 'px' }, null))+\" data-v-c3f32de4><canvas id=\\\"canvas\\\"\"+(_vm._ssrAttr(\"width\",_vm.containerWidth))+(_vm._ssrAttr(\"height\",_vm.containerHeight))+\" class=\\\"z_barrage\\\"\"+(_vm._ssrStyle(null,{\n        width: _vm.containerWidth / 2 + 'px',\n        height: _vm.containerHeight / 2 + 'px'\n      }, null))+\" data-v-c3f32de4></canvas></div>\")])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n// import faceMap from '../../assets/emoji'\nlet aniId, aniId1;\nexport default {\n  name: 'Barrage',\n  props: {\n    barrageList: {\n      type: Array,\n      default: () => []\n    },\n    speed: {\n      type: Number,\n      default: 4\n    },\n    loop: {\n      type: Boolean,\n      default: true\n    },\n    channels: {\n      type: Number,\n      default: 2\n    },\n    barrageHeight: {\n      type: Number,\n      default: 60\n    },\n    screenPercent: {\n      type: Number,\n      default: 0.3\n    },\n    borderColor: {\n      type: String,\n      default: ''\n    },\n    background: {\n      type: String,\n      default: ''\n    },\n    deviceType: {\n      type: String,\n      default: 'pc'\n    },\n    linearGradient: {\n      type: Object,\n      default: () => {\n        return {\n          startColor: '',\n          endColor: ''\n        };\n      }\n    }\n  },\n  data() {\n    return {\n      newBarrageArray: [], // 新增弹幕之后的总弹幕\n      barrageArray: [],\n      barrageQueue: [],\n      containerWidth: 0,\n      containerHeight: 0,\n      channelsArray: [],\n      barrageChannels: 1\n    };\n  },\n  watch: {\n    barrageList(val) {\n      if (val.length !== 0) {\n        this.barrageQueue = JSON.parse(JSON.stringify(val));\n        this.newBarrageArray = JSON.parse(JSON.stringify(val));\n        this.initData();\n        window.cancelAnimationFrame(aniId);\n        aniId = window.requestAnimationFrame(this.render);\n      }\n    }\n  },\n  mounted() {\n    this.containerWidth =\n      this.deviceType === 'pc' ? 723 * 2 : document.body.clientWidth * 2;\n    this.containerHeight = 365 * 2; // 设定总高度\n    this.barrageChannels = this.channels; // 总高度对应的轨道数\n    this.ctx = this.$refs.canvas.getContext('2d');\n    this.ctx1 = this.$refs.canvasContainer.getContext('2d');\n    this.barrageClickEvent();\n  },\n  methods: {\n    /**\n     * 数据初始化\n     */\n    initData() {\n      for (let i = 0; i < this.barrageQueue.length; i++) {\n        // 此处处理只显示50个字符\n        let tagImg = null;\n        let img = null;\n        if (this.barrageQueue[i].icon) {\n          img = new Image();\n          img.src = this.barrageQueue[i].icon;\n        }\n        if (this.barrageQueue[i].tagImage) {\n          tagImg = new Image();\n          tagImg.src = this.barrageQueue[i].tagImage;\n        }\n        const content = this.dealStr(this.barrageQueue[i].content);\n        this.barrageArray.push({\n          id: this.barrageQueue[i].id,\n          content,\n          x: this.containerWidth + this.barrageHeight,\n          icon: img,\n          tagImage: tagImg,\n          width:\n            this.ctx1.measureText(content).width * 3.6 +\n            (this.barrageQueue[i].icon ? 60 : 0),\n          color: this.barrageQueue[i].color || '#FFFFFF',\n          bgColor: this.barrageQueue[i].bgColor || 'rgba(0,0,0,0.4)'\n        });\n      }\n      this.initChannel();\n    },\n    /**\n     * 初始化轨道数据\n     */\n    initChannel() {\n      for (let i = 0; i < this.barrageChannels; i++) {\n        const item = this.barrageArray.shift();\n        if (item) {\n          this.channelsArray[i] = [item];\n        } else {\n          this.channelsArray[i] = [];\n        }\n      }\n    },\n    /**\n     * 渲染\n     */\n    render() {\n      this.ctx.clearRect(0, 0, this.containerWidth, this.containerHeight);\n      this.ctx.font = '36px Microsoft YaHei';\n      this.draw();\n      window.cancelAnimationFrame(aniId1);\n      aniId1 = window.requestAnimationFrame(this.render);\n    },\n    draw() {\n      for (let i = 0; i < this.channelsArray.length; i++) {\n        for (let j = 0; j < this.channelsArray[i].length; j++) {\n          try {\n            const barrage = this.channelsArray[i][j];\n            barrage.x -= this.speed;\n            if (barrage.x <= this.containerWidth) {\n              // 弹幕显示\n              this.borderColor &&\n                this.drawRoundRectBorder(\n                  this.ctx,\n                  barrage.x - this.barrageHeight / 2,\n                  i * (this.barrageHeight + 60) + 20,\n                  barrage.width + this.barrageHeight,\n                  this.barrageHeight,\n                  this.barrageHeight / 2\n                );\n              this.drawRoundRect(\n                this.ctx,\n                barrage.bgColor,\n                barrage.x - this.barrageHeight / 2,\n                i * (this.barrageHeight + 60) + 21,\n                barrage.width + this.barrageHeight,\n                this.barrageHeight - 2,\n                this.barrageHeight / 2\n              );\n              this.ctx.fillStyle = `${barrage.color}`;\n              this.ctx.fillText(\n                barrage.content,\n                barrage.x + (barrage.icon ? this.barrageHeight / 2 + 10 : -5),\n                i * (this.barrageHeight + 60) + this.barrageHeight - 25\n              );\n              if (barrage.icon) {\n                this.circleImg(\n                  this.ctx,\n                  barrage.icon,\n                  barrage.x - 40,\n                  i * (this.barrageHeight + 60) + 40,\n                  40\n                );\n              }\n              if (barrage.tagImage) {\n                this.originImg(\n                  this.ctx,\n                  barrage.tagImage,\n                  barrage.x - this.barrageHeight - 10,\n                  i * (this.barrageHeight + 60) + 20,\n                  this.barrageHeight,\n                  this.barrageHeight\n                );\n              }\n            }\n            if (barrage.x < -(barrage.width + this.barrageHeight)) {\n              // 弹幕删除\n              const arr = this.channelsArray.reduce((a, b) => a.concat(b));\n              if (this.loop) {\n                if (this.checkBarrageStatus(arr)) {\n                  this.barrageQueue = [];\n                  this.barrageQueue = JSON.parse(\n                    JSON.stringify(this.newBarrageArray)\n                  );\n                  this.initData();\n                }\n              }\n            }\n            // 弹幕插入时机判断\n            if (\n              barrage.x <=\n                Math.floor(this.containerWidth - barrage.width - 40) &&\n              barrage.x >=\n                Math.floor(\n                  this.containerWidth - barrage.width - 40 - this.speed\n                ) &&\n              j === this.channelsArray[i].length - 1 &&\n              this.barrageArray.length !== 0\n            ) {\n              const item = this.barrageArray.shift();\n              this.channelsArray[i].push(item);\n            }\n          } catch (e) {\n            console.log(e);\n          }\n        }\n      }\n    },\n    /**\n     * 重置数据\n     */\n    add(obj) {\n      const content = this.dealStr(obj.content);\n      let img = null;\n      let tagImg = null;\n      if (obj.icon) {\n        img = new Image();\n        img.src = obj.icon;\n      }\n      if (obj.tagImage) {\n        tagImg = new Image();\n        tagImg.src = obj.tagImage;\n      }\n      const item = {\n        id: obj.id,\n        content,\n        x: this.containerWidth + this.barrageHeight,\n        icon: obj.icon ? img : '',\n        tagImage: obj.tagImage ? tagImg : '',\n        width:\n          this.ctx1.measureText(content).width * 3 +\n          (obj.icon ? this.barrageHeight : 0),\n        color: obj.color || '#FFFFFF',\n        bgColor: obj.bgColor || 'rgba(0,0,0,0.4)'\n      };\n      const originItem = {\n        id: obj.id,\n        content: obj.content,\n        icon: obj.icon,\n        tagImage: obj.tagImage,\n        color: obj.color || '#FFFFFF',\n        bgColor: obj.bgColor || 'rgba(0,0,0,0.4)'\n      };\n      if (this.barrageArray.length === 0) {\n        // 剩余弹幕数为0\n        this.newBarrageArray.unshift(originItem);\n      } else {\n        this.barrageArray.unshift(item);\n        const insertIndex = this.barrageList.length - this.barrageArray.length;\n        this.newBarrageArray.splice(insertIndex, 0, originItem);\n      }\n    },\n    /**\n     * 弹幕点击事件\n     */\n    barrageClickEvent() {\n      document.getElementById('canvas').addEventListener(\n        'click',\n        (e) => {\n          const p = this.getEventPosition(e);\n          const channelIndex = Math.floor(p.y / (this.barrageHeight + 36));\n          const tempArray = JSON.parse(\n            JSON.stringify(this.channelsArray[channelIndex])\n          );\n          for (let i = 0; i < tempArray.length; i++) {\n            const channelItemArray = tempArray[i];\n            if (\n              p.x > channelItemArray.x &&\n              p.x < channelItemArray.x + channelItemArray.width\n            ) {\n              if (channelItemArray.id) {\n                this.$emit('doLike', channelItemArray.id);\n              }\n            }\n          }\n        },\n        false\n      );\n    },\n    /**\n     * 获取点击位置\n     */\n    getEventPosition(ev) {\n      let x, y;\n      if (ev.layerX || ev.layerX === 0) {\n        x = ev.layerX;\n        y = ev.layerY;\n      } else if (ev.offsetX || ev.offsetX === 0) {\n        x = ev.offsetX;\n        y = ev.offsetY;\n      }\n      return { x: 2 * x, y: 2 * y };\n    },\n    /**\n     * 判断所有的弹幕是否滚动完成\n     * @params arr\n     */\n    checkBarrageStatus(arr) {\n      for (let i = 0; i < arr.length; i++) {\n        if (arr[i].x > -arr[i].width) return false;\n      }\n      return true;\n    },\n    /**\n     * 处理字符\n     */\n    dealStr(str) {\n      return str.length > 50 ? `${str.substring(0, 50)}...` : str;\n    },\n    /**\n     * 获取随机颜色\n     */\n    getColor() {\n      return `#${Math.floor(Math.random() * 16777215).toString(16)}`;\n    },\n    /**\n     * 裁剪图片\n     * @param ctx\n     * @param img\n     * @param x\n     * @param y\n     * @param r\n     */\n    circleImg(ctx, img, x, y, r) {\n      ctx.save();\n      const d = 2 * r;\n      const cx = x + r;\n      const cy = y + r;\n      ctx.beginPath();\n      ctx.arc(cx, cy, r, 0, 2 * Math.PI);\n      ctx.clip();\n      ctx.drawImage(img, x, y, d, d);\n      ctx.restore();\n      ctx.closePath();\n    },\n    /**\n     * 绘制原始图片\n     * @param ctx\n     * @param img\n     * @param x\n     * @param y\n     * @param width\n     * @param height\n     */\n    originImg(ctx, img, x, y, width, height) {\n      try {\n        ctx.beginPath();\n        ctx.drawImage(img, x, y, width, height);\n        ctx.closePath();\n      } catch (e) {\n        console.log(e);\n      }\n    },\n    /**\n     * 绘画圆角矩形\n     * @param context\n     * @param bgColor\n     * @param x\n     * @param y\n     * @param width\n     * @param height\n     * @param radius\n     */\n    drawRoundRect(context, bgColor, x, y, width, height, radius) {\n      if (this.linearGradient.startColor && this.linearGradient.endColor) {\n        const linearGrad = context.createLinearGradient(x, y, x, y + height);\n        linearGrad.addColorStop(0, this.linearGradient.startColor);\n        linearGrad.addColorStop(1, this.linearGradient.endColor);\n        context.fillStyle = linearGrad || bgColor;\n      } else {\n        context.fillStyle = this.background || bgColor;\n      }\n      context.beginPath();\n      context.arc(x + radius, y + radius, radius, Math.PI, (Math.PI * 3) / 2);\n      context.lineTo(width - radius + x, y);\n      context.arc(\n        width - radius + x,\n        radius + y,\n        radius,\n        (Math.PI * 3) / 2,\n        Math.PI * 2\n      );\n      context.lineTo(width + x, height + y - radius);\n      context.arc(\n        width - radius + x,\n        height - radius + y,\n        radius,\n        0,\n        Math.PI / 2\n      );\n      context.lineTo(radius + x, height + y);\n      context.arc(\n        radius + x,\n        height - radius + y,\n        radius,\n        Math.PI / 2,\n        Math.PI\n      );\n      context.fill();\n      context.closePath();\n    },\n    /**\n     * 绘画圆角矩形\n     * @param context\n     * @param x\n     * @param y\n     * @param width\n     * @param height\n     * @param radius 半径\n     */\n    drawRoundRectBorder(context, x, y, width, height, radius) {\n      context.beginPath();\n      context.lineWidth = 2;\n      context.strokeStyle = this.borderColor;\n      context.arc(x + radius, y + radius, radius, Math.PI, (Math.PI * 3) / 2);\n      context.lineTo(width - radius + x, y);\n      context.arc(\n        width - radius + x,\n        radius + y,\n        radius,\n        (Math.PI * 3) / 2,\n        Math.PI * 2\n      );\n      context.lineTo(width + x, height + y - radius);\n      context.arc(\n        width - radius + x,\n        height - radius + y,\n        radius,\n        0,\n        Math.PI / 2\n      );\n      context.lineTo(radius + x, height + y);\n      context.arc(\n        radius + x,\n        height - radius + y,\n        radius,\n        Math.PI / 2,\n        Math.PI\n      );\n      context.stroke();\n      context.closePath();\n    }\n  }\n};\n","import mod from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/@nuxt/components/dist/loader.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Barrage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js??ref--2-0!../../node_modules/@nuxt/components/dist/loader.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Barrage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Barrage.vue?vue&type=template&id=c3f32de4&scoped=true&\"\nimport script from \"./Barrage.vue?vue&type=script&lang=js&\"\nexport * from \"./Barrage.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  var style0 = require(\"./Barrage.vue?vue&type=style&index=0&id=c3f32de4&lang=css&scoped=true&\")\nif (style0.__inject__) style0.__inject__(context)\n\n}\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  injectStyles,\n  \"c3f32de4\",\n  \"61721d3f\"\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/chatbot_audio_feature.458e9b3.png\";","module.exports = __webpack_public_path__ + \"img/play_chatbot_audio.87713b4.png\";","module.exports = __webpack_public_path__ + \"img/pause_chatbot_audio.48f50e9.png\";","module.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=\"","module.exports = __webpack_public_path__ + \"img/public.3e79446.png\";","export * from \"-!../../../node_modules/vue-style-loader/index.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../../node_modules/sass-resources-loader/lib/loader.js??ref--7-oneOf-1-4!../../../node_modules/@nuxt/components/dist/loader.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./_id.vue?vue&type=style&index=0&lang=scss&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_GET_URL_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/getUrl.js\");\nvar ___CSS_LOADER_URL_IMPORT_0___ = require(\"../../assets/images/video_play_icon.png\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"*{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(\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \") 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}\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"article-detail-page\",staticStyle:{\"padding\":\"30px 0\"}},[_vm._ssrNode(\"<div class=\\\"left-content\\\">\",\"</div>\",[_vm._ssrNode(\"<div class=\\\"top\\\">\"+((!_vm.articleData.thumb)?(\"<img\"+(_vm._ssrAttr(\"src\",require(\"assets/images/article_cover.png\")))+\" alt style=\\\"display: none\\\">\"):(\"<img\"+(_vm._ssrAttr(\"src\",_vm.articleData.thumb))+(_vm._ssrAttr(\"alt\",_vm.articleData.title))+\" style=\\\"display: none\\\">\"))+\" <h4>\"+_vm._ssrEscape(_vm._s(_vm.articleData.title))+\"</h4></div> <p>\"+_vm._ssrEscape(\"\\n      \"+_vm._s(_vm.articleData.hit)+\" \")+\"<i class=\\\"el-icon-view\\\"></i>\"+_vm._ssrEscape(\"  \"+_vm._s(_vm.articleData.published_at)+\"\\n    \")+\"</p> \"+((_vm.showNovoTeacher)?(\"<div class=\\\"chatbot-audio\\\"><img\"+(_vm._ssrAttr(\"src\",require(\"assets/images/chatbot_audio_feature.png\")))+\" alt> <div><h6>保护双眼，听小诺朗读</h6> <div><img\"+(_vm._ssrAttr(\"src\",require(\"assets/images/play_chatbot_audio.png\")))+\" alt\"+(_vm._ssrStyle(null,{ display: _vm.audioPause ? '' : 'none' }, null))+\"> <img\"+(_vm._ssrAttr(\"src\",require(\"assets/images/pause_chatbot_audio.png\")))+\" alt\"+(_vm._ssrStyle(null,{ display: !_vm.audioPause ? '' : 'none' }, null))+\"> <div><span\"+(_vm._ssrStyle(null,{ color: _vm.playTime != '00:00' ? '#3099EA' : '' }, null))+\">\"+_vm._ssrEscape(_vm._s(_vm.playTime))+\"</span> <p><span\"+(_vm._ssrStyle(null,{ width: _vm.playWidth + '%' }, null))+\"></span></p> <span>\"+_vm._ssrEscape(_vm._s(_vm.allTime))+\"</span></div></div> <audio\"+(_vm._ssrAttr(\"src\",_vm.articleData.audio_url))+\"></audio></div></div>\"):\"<!---->\")+\" \"+((_vm.articleData.video_url)?(\"<div class=\\\"video-box\\\"><video 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=\\\"controls\\\"\"+(_vm._ssrAttr(\"poster\",_vm.articleData.thumb))+(_vm._ssrAttr(\"src\",_vm.articleData.video_url))+\" style=\\\"object-fit: fill\\\"></video></div>\"):\"<!---->\")+\" <div class=\\\"article-content\\\">\"+(_vm._s(_vm.articleData.content))+\"</div> \"),_vm._ssrNode(\"<div class=\\\"bottom-box\\\">\",\"</div>\",[_vm._ssrNode(((!_vm.isLogin && _vm.deviceType === 'pc')?(\"<p class=\\\"go-follow\\\">\\n        点击关注微信公众号，查看更多专业资讯\\n      </p>\"):\"<!---->\")+\" \"),_vm._ssrNode(\"<div class=\\\"comment-box\\\">\",\"</div>\",[_vm._ssrNode(\"<h6><span>最新看法</span> <span>发表你的看法</span></h6> \"),_vm._ssrNode(\"<div class=\\\"comment-content\\\">\",\"</div>\",[_c('Barrage',{ref:\"barrage\",staticClass:\"barrage\",attrs:{\"barrage-list\":_vm.barrageList,\"speed\":_vm.deviceType === 'pc' ? 4 : 3,\"loop\":true,\"channels\":3,\"border-color\":'#ededed',\"background\":'#fff',\"barrage-height\":120,\"device-type\":_vm.deviceType}})],1),_vm._ssrNode(\" \"+((!_vm.barrageIsShow)?(\"<p>还没有人发表看法</p>\"):\"<!---->\"))],2)],2)],2),_vm._ssrNode(\" <div class=\\\"right-content\\\"\"+(_vm._ssrStyle(null,{ position: _vm.isFixed ? 'fixed' : 'static', right: _vm.right + 'px' }, null))+\"><h6 class=\\\"common-title\\\">\\n      猜你喜欢<img\"+(_vm._ssrAttr(\"src\",require(\"assets/images/heart.png\")))+\" alt></h6> <div class=\\\"list\\\" style=\\\"min-height: 100vh\\\">\"+(_vm._ssrList((_vm.recommendArticles),function(item){return (\"<div class=\\\"list-item\\\">\"+((!item.thumb)?(\"<img\"+(_vm._ssrAttr(\"src\",require(\"assets/images/article_cover.png\")))+\" alt>\"):(\"<img\"+(_vm._ssrAttr(\"src\",item.thumb))+(_vm._ssrAttr(\"alt\",item.title))+\">\"))+\" <p>\"+_vm._ssrEscape(_vm._s(item.title))+\"</p> <div class=\\\"bottom\\\"><span>\"+_vm._ssrEscape(_vm._s(item.hit))+\"<i class=\\\"el-icon-view\\\" style=\\\"margin-right: 8px\\\"></i>\"+_vm._ssrEscape(_vm._s(item.collect))+\"<i class=\\\"el-icon-star-on\\\"></i></span></div></div>\")}))+\"</div> <div class=\\\"stack-bottom\\\"><div class=\\\"s-container\\\"><img\"+(_vm._ssrAttr(\"src\",require(\"assets/images/public.png\")))+\" alt class=\\\"s-left\\\"> <div class=\\\"s-right\\\"><img\"+(_vm._ssrAttr(\"src\",_vm.isPro ? _vm.qrcodeUrl : _vm.qrcodeUrlTest))+\" alt class=\\\"code\\\"> <div class=\\\"name\\\">\\n            微信扫一扫\\n            <br>\\n            获取最新糖尿病展示\\n          </div></div></div></div></div> \"+((_vm.commentModelPopupShow)?(\"<div class=\\\"comment-model-popup\\\"><div class=\\\"mask\\\"></div> <div class=\\\"content\\\"><div\"+(_vm._ssrStyle(null,{ maxHeight: _vm.commentMaxHeight + 'px' }, null))+\"><div><div>\"+(_vm._ssrList((_vm.commentModelList),function(item,index){return (\"<div><p\"+(_vm._ssrClass(null,item.chosen ? 'chosen' : ''))+\">\"+_vm._ssrEscape(\"\\n                  \"+_vm._s(item.content)+\"\\n                \")+\"</p></div>\")}))+\"</div> \"+((_vm.commentLoading)?(\"<p class=\\\"load-more\\\">\\n            加载更多<i class=\\\"el-icon-loading\\\"></i></p>\"):\"<!---->\")+\"</div></div> <p>立即发布</p></div></div>\"):\"<!---->\")+\" \"),_c('BottomRightFixed',{attrs:{\"show-share\":true,\"show-collect\":true,\"is-login\":_vm.isLogin,\"is-collect\":_vm.articleData.is_collected,\"show-comment\":true},on:{\"commentClick\":function($event){return _vm.getCommentCorpus(1, 2)},\"collectClick\":_vm.collectArticle}})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport { createNamespacedHelpers } from 'vuex';\n\nconst { mapActions, mapGetters } = createNamespacedHelpers('user');\nexport default {\n  name: 'ArticleDetailPage',\n  layout: 'detail',\n\n  validate({ params }) {\n    return /^\\d+$/.test(params.id);\n  },\n\n  async asyncData({ $axios, params, req, redirect }) {\n    // if (!process.server) return;\n    const data = await $axios.$get(\n      '/article/detail/' + params.id,\n      $axios.genSSROptions(req)\n    );\n    //            data.detail.articleData.audio_url = 'https://app.diabetes.com.cn/uploadfile/article/audio/8160-16395833618215.mp3';\n    // console.log('dafa:', data);\n    if (data.success === false) {\n      redirect('/error?code=' + 404);\n    }\n    return { ...data.detail };\n  },\n\n  data() {\n    return {\n      audioPause: true,\n      playTime: '00:00',\n      allTime: '00:00',\n      canPlayAudio: false,\n      playWidth: 0,\n      barrageIsShow: false,\n      barrageList: [],\n      commentModelPopupShow: false,\n      commentModelList: [],\n      inComment: false,\n      commentPage: 1,\n      commentLoading: false,\n      commentHasMore: true,\n      chosenCommentId: 0,\n      inCollect: false,\n      isFixed: false,\n      right: 89,\n      commentMaxHeight: 300,\n      isPro: false,\n      qrcodeUrl: require('~/assets/images/follow_qrcode.png'),\n      qrcodeUrlTest: require('~/assets/images/follow_qrcode_test.png')\n    };\n  },\n\n  head() {\n    return {\n      title: this.articleData.title,\n      meta: [\n        {\n          hid: 'description',\n          name: 'description',\n          content: 'Home page description'\n        }\n      ]\n    };\n  },\n  computed: {\n    ...mapGetters({\n      isLogin: 'isLogin'\n    }),\n    deviceType() {\n      return this.$store.state.device.deviceType;\n    },\n    env() {\n      return this.$store.state.device.env;\n    }\n  },\n\n  mounted() {\n    this.isPro = process.env.VUE_APP_TITLE === 'production';\n    const that = this;\n    this.getComment();\n    this.$nextTick(() => {\n      if (that.deviceType === 'pc') {\n        window.addEventListener('scroll', function () {\n          that.isFixed = true;\n          const scrollLeft =\n            document.documentElement.scrollLeft || document.body.scrollLeft;\n          if (document.documentElement.offsetWidth < 1258) {\n            that.right =\n              89 - (1258 - document.documentElement.offsetWidth) + scrollLeft;\n          } else {\n            that.right = (document.documentElement.offsetWidth - 1080) / 2;\n          }\n        });\n      } else {\n        that.commentMaxHeight =\n          (document.documentElement.clientHeight ||\n            document.body.clientHeight) * 0.6;\n        if (this.deviceType === 'ios') {\n          if (that.env === 'wechat') {\n            document.addEventListener(\n              'WeixinJSBridgeReady',\n              function () {\n                that.$refs.chatbotAudio.play();\n                that.$refs.chatbotAudio.pause();\n                that.$refs.chatbotAudio.currentTime = 0;\n              },\n              false\n            );\n          } else {\n            window.onload = function () {\n              that.$refs.chatbotAudio.play();\n              that.$refs.chatbotAudio.pause();\n              that.$refs.chatbotAudio.currentTime = 0;\n              if (!isNaN(that.$refs.chatbotAudio.duration)) {\n                const duration = that.$refs.chatbotAudio.duration;\n                let minutes = parseInt(duration / 60, 10);\n                let seconds = parseInt(duration % 60);\n                minutes = minutes < 10 ? '0' + minutes : minutes;\n                seconds = seconds < 10 ? '0' + seconds : seconds;\n                that.allTime = minutes + ':' + seconds;\n                that.canPlayAudio = true;\n              } else {\n                that.canPlayAudio = true;\n              }\n            };\n          }\n        }\n      }\n    });\n  },\n  methods: {\n    ...mapActions({\n      showLoginDialog: 'showLoginDialog'\n    }),\n    getDuration() {\n      const duration = this.$refs.chatbotAudio.duration;\n      let minutes = parseInt(duration / 60, 10);\n      let seconds = parseInt(duration % 60);\n      minutes = minutes < 10 ? '0' + minutes : minutes;\n      seconds = seconds < 10 ? '0' + seconds : seconds;\n      this.allTime = minutes + ':' + seconds;\n      this.canPlayAudio = true;\n    },\n    playPauseAudio() {\n      if (this.canPlayAudio) {\n        if (this.audioPause) {\n          this.baiduStat('文章详情页', 'click', '小诺老师语音控件');\n          this.$refs.chatbotAudio.play();\n        } else {\n          this.$refs.chatbotAudio.pause();\n        }\n        this.audioPause = !this.audioPause;\n      }\n    },\n    updateTime(e) {\n      const currentTime = e.target.currentTime;\n      const duration = e.target.duration;\n      let minutes = parseInt(currentTime / 60, 10);\n      let seconds = parseInt(currentTime % 60);\n      minutes = minutes < 10 ? '0' + minutes : minutes;\n      seconds = seconds < 10 ? '0' + seconds : seconds;\n      this.playWidth = (currentTime / duration) * 100;\n      this.playTime = minutes + ':' + seconds;\n    },\n    audioEnd() {\n      this.audioPause = true;\n      this.playTime = '00:00';\n      this.playWidth = 0;\n    },\n    async getComment() {\n      const data = await this.$axios.$get(\n        '/article/comment-list?aid=' + this.$route.params.id\n      );\n      for (const item of data.detail.commentList) {\n        item.time = Math.random() * 15 + 9;\n      }\n      this.barrageIsShow = data.detail.commentList.length > 0;\n      const _list = [];\n      for (const comment of data.detail.commentList) {\n        _list.push({\n          content: comment.comment_content,\n          color: '#939AA7',\n          icon: comment.headimgurl\n        });\n      }\n      this.barrageList = _list;\n    },\n    async getCommentCorpus(page, type) {\n      if (!this.isLogin) {\n        this.showLoginDialog(true);\n      } else {\n        const that = this;\n        if (page === 1) {\n          this.baiduStat(\n            '文章详情页',\n            'click',\n            type === 1 ? '文章内发表你的想法-点击' : '文章内评论'\n          );\n          this.chosenCommentId = 0;\n          this.commentModelList = [];\n          this.commentPage = 1;\n          this.commentHasMore = true;\n          this.commentModelPopupShow = true;\n          setTimeout(function () {\n            that.$refs.commentCorpus.addEventListener('scroll', function () {\n              // 变量scrollTop是滚动条滚动时，距离顶部的距离\n              const scrollTop = that.$refs.commentCorpus.scrollTop;\n              // 变量windowHeight是可视区的高度\n              const contentHeight = that.$refs.commentCorpus.clientHeight;\n              // 变量scrollHeight是滚动条的总高度\n              const allHeight = that.$refs.commentCorpusContent.clientHeight;\n              // 滚动条到底部的条件\n              if (scrollTop + contentHeight > allHeight - 20) {\n                // 写后台加载数据的函数 一定要用that\n                that.getCommentCorpus();\n              }\n            });\n          });\n        }\n        if (this.commentHasMore && !this.commentLoading) {\n          this.commentLoading = true;\n          const data = await this.$axios.$get(\n            '/article/comment-corpus?page=' + this.commentPage\n          );\n          for (const item of data.detail.list) {\n            item.chosen = false;\n          }\n          this.commentPage = this.commentPage + 1;\n          this.commentModelList = this.commentModelList.concat(\n            data.detail.list\n          );\n          this.commentHasMore = data.detail.hasMore;\n          this.commentLoading = false;\n        }\n      }\n    },\n    chooseCorpus(id, index) {\n      for (const item of this.commentModelList) {\n        item.chosen = false;\n      }\n      this.chosenCommentId = id;\n      this.commentModelList[index].chosen = true;\n    },\n    async commentArticle() {\n      if (this.chosenCommentId === 0) {\n        this.$message({\n          message: '请选择看法模版',\n          type: 'warning'\n        });\n      } else {\n        const loading = this.$loading({\n          lock: true,\n          text: 'Loading',\n          spinner: 'el-icon-loading',\n          background: 'rgba(0, 0, 0, 0.7)'\n        });\n        const data = await this.$axios.$post('/article/user-comment', {\n          aid: this.$route.params.id,\n          comment_template_id: this.chosenCommentId\n        });\n        if (data && data.success) {\n          this.baiduStat('文章详情页', 'click', '文章内发表你的想法-发表成功');\n        }\n        console.log(data);\n        loading.close();\n        this.commentModelPopupShow = false;\n        this.getComment();\n      }\n    },\n    async collectArticle() {\n      if (!this.isLogin) {\n        this.showLoginDialog(true);\n      } else if (this.inCollect) {\n        this.$message({\n          message: '您的操作太快了',\n          type: 'warning'\n        });\n      } else {\n        this.baiduStat('文章详情页', 'click', '文章内收藏');\n        this.inCollect = true;\n        const data = await this.$axios.$post('/article/user-collect', {\n          aid: this.$route.params.id\n        });\n        console.log(data);\n        this.articleData.is_collected = data.detail.curState;\n        this.inCollect = false;\n      }\n    },\n    goHref(url) {\n      let openNew = false;\n      if (this.deviceType === 'pc') {\n        openNew = true;\n      }\n      url = this.$router.resolve({\n        path: url\n      });\n      if (openNew) {\n        window.open(url.href, '_blank');\n      } else {\n        window.location.href = url.href;\n      }\n    }\n  }\n};\n","import mod from \"-!../../../node_modules/babel-loader/lib/index.js??ref--2-0!../../../node_modules/@nuxt/components/dist/loader.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./_id.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/babel-loader/lib/index.js??ref--2-0!../../../node_modules/@nuxt/components/dist/loader.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./_id.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./_id.vue?vue&type=template&id=4a21580c&\"\nimport script from \"./_id.vue?vue&type=script&lang=js&\"\nexport * from \"./_id.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  var style0 = require(\"./_id.vue?vue&type=style&index=0&lang=scss&\")\nif (style0.__inject__) style0.__inject__(context)\n\n}\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  injectStyles,\n  null,\n  \"733e848e\"\n  \n)\n\nexport default component.exports\n\n/* nuxt-component-imports */\ninstallComponents(component, {Barrage: require('/home/kola-wsl/project/tangwang-pc/src/components/Barrage.vue').default,BottomRightFixed: require('/home/kola-wsl/project/tangwang-pc/src/components/BottomRightFixed.vue').default})\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACXA;AAAA;AAAA;AAAA;;;;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACXA;AACA;AACA;AACA;AACA;AACA;;;;;ACLA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAFA;AAIA;AACA;AACA;AAFA;AAIA;AACA;AACA;AAFA;AAIA;AACA;AACA;AAFA;AAIA;AACA;AACA;AAFA;AAIA;AACA;AACA;AAFA;AAIA;AACA;AACA;AAFA;AAIA;AACA;AACA;AAFA;AAIA;AACA;AACA;AAFA;AAIA;AACA;AACA;AACA;AACA;AACA;AAFA;AAIA;AAPA;AArCA;AACA;AA8CA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA;AASA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA;AACA;AAUA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAVA;AAYA;AACA;AAAA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AASA;AASA;AACA;AACA;AAIA;AACA;AAOA;AACA;AAAA;AACA;AAQA;AACA;AACA;AAAA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAVA;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AANA;AACA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAOA;AACA;AAOA;AACA;AAOA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;AACA;AAOA;AACA;AAOA;AACA;AACA;AACA;AAvXA;AAhFA;;ACnCA;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACvBA;;;;;;;ACAA;;;;;;;ACAA;;;;;;;ACAA;;;;;;;ACAA;;;;;;;;ACAA;AAAA;AAAA;AAAA;;;;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACTA;AACA;AACA;;;;;;;;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAKA;AACA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AArBA;AAuBA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAHA;AAHA;AAUA;AACA;AAAA;AAEA;AADA;AACA;AAEA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAVA;AACA;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAGA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AADA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAHA;AAKA;AACA;AAAA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAFA;AAIA;AACA;AACA;AACA;AACA;AACA;AAJA;AAMA;AACA;AACA;AAFA;AACA;AAGA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAFA;AAIA;AACA;AACA;AACA;AACA;AADA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AAAA;AACA;AACA;AACA;AAAA;AACA;AADA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AA5KA;AA9HA;;AC3MA;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;A","sourceRoot":""}
\ No newline at end of file
diff --git a/.nuxt/routes.json b/.nuxt/routes.json
index 5fc3cb3..94bcc31 100644
--- a/.nuxt/routes.json
+++ b/.nuxt/routes.json
@@ -3,126 +3,108 @@
     "name": "article",
     "path": "/article",
     "component": "/home/kola-wsl/project/tangwang-pc/src/pages/article/index.vue",
-    "chunkName": "pages/article/index",
-    "_name": "_4b81ed11"
+    "chunkName": "pages/article/index"
   },
   {
     "name": "doctor",
     "path": "/doctor",
     "component": "/home/kola-wsl/project/tangwang-pc/src/pages/doctor/index.vue",
-    "chunkName": "pages/doctor/index",
-    "_name": "_45864e0c"
+    "chunkName": "pages/doctor/index"
   },
   {
     "name": "more",
     "path": "/more",
     "component": "/home/kola-wsl/project/tangwang-pc/src/pages/more.vue",
-    "chunkName": "pages/more",
-    "_name": "_3729b6ed"
+    "chunkName": "pages/more"
   },
   {
     "name": "search",
     "path": "/search",
     "component": "/home/kola-wsl/project/tangwang-pc/src/pages/search/index.vue",
-    "chunkName": "pages/search/index",
-    "_name": "_779b537a"
+    "chunkName": "pages/search/index"
   },
   {
     "name": "user",
     "path": "/user",
     "component": "/home/kola-wsl/project/tangwang-pc/src/pages/user/index.vue",
-    "chunkName": "pages/user/index",
-    "_name": "_240caca6"
+    "chunkName": "pages/user/index"
   },
   {
     "name": "video",
     "path": "/video",
     "component": "/home/kola-wsl/project/tangwang-pc/src/pages/video/index.vue",
-    "chunkName": "pages/video/index",
-    "_name": "_4ad07256"
+    "chunkName": "pages/video/index"
   },
   {
     "name": "other-about",
     "path": "/other/about",
     "component": "/home/kola-wsl/project/tangwang-pc/src/pages/other/about.vue",
-    "chunkName": "pages/other/about",
-    "_name": "_394ae834"
+    "chunkName": "pages/other/about"
   },
   {
     "name": "other-agreement",
     "path": "/other/agreement",
     "component": "/home/kola-wsl/project/tangwang-pc/src/pages/other/agreement.vue",
-    "chunkName": "pages/other/agreement",
-    "_name": "_4c6b2b63"
+    "chunkName": "pages/other/agreement"
   },
   {
     "name": "other-cookies",
     "path": "/other/cookies",
     "component": "/home/kola-wsl/project/tangwang-pc/src/pages/other/cookies.vue",
-    "chunkName": "pages/other/cookies",
-    "_name": "_114b4da8"
+    "chunkName": "pages/other/cookies"
   },
   {
     "name": "other-corporate",
     "path": "/other/corporate",
     "component": "/home/kola-wsl/project/tangwang-pc/src/pages/other/corporate.vue",
-    "chunkName": "pages/other/corporate",
-    "_name": "_23ed8784"
+    "chunkName": "pages/other/corporate"
   },
   {
     "name": "other-disclaimer",
     "path": "/other/disclaimer",
     "component": "/home/kola-wsl/project/tangwang-pc/src/pages/other/disclaimer.vue",
-    "chunkName": "pages/other/disclaimer",
-    "_name": "_9e1bc1dc"
+    "chunkName": "pages/other/disclaimer"
   },
   {
     "name": "other-link",
     "path": "/other/link",
     "component": "/home/kola-wsl/project/tangwang-pc/src/pages/other/link.vue",
-    "chunkName": "pages/other/link",
-    "_name": "_2424f59e"
+    "chunkName": "pages/other/link"
   },
   {
     "name": "other-privacy",
     "path": "/other/privacy",
     "component": "/home/kola-wsl/project/tangwang-pc/src/pages/other/privacy.vue",
-    "chunkName": "pages/other/privacy",
-    "_name": "_5edfebbe"
+    "chunkName": "pages/other/privacy"
   },
   {
     "name": "user-setting",
     "path": "/user/setting",
     "component": "/home/kola-wsl/project/tangwang-pc/src/pages/user/setting.vue",
-    "chunkName": "pages/user/setting",
-    "_name": "_3b2c0424"
+    "chunkName": "pages/user/setting"
   },
   {
     "name": "article-id",
     "path": "/article/:id",
     "component": "/home/kola-wsl/project/tangwang-pc/src/pages/article/_id.vue",
-    "chunkName": "pages/article/_id",
-    "_name": "_3a19ffb9"
+    "chunkName": "pages/article/_id"
   },
   {
     "name": "doctor-id",
     "path": "/doctor/:id",
     "component": "/home/kola-wsl/project/tangwang-pc/src/pages/doctor/_id.vue",
-    "chunkName": "pages/doctor/_id",
-    "_name": "_3a40d1e2"
+    "chunkName": "pages/doctor/_id"
   },
   {
     "name": "video-id",
     "path": "/video/:id",
     "component": "/home/kola-wsl/project/tangwang-pc/src/pages/video/_id.vue",
-    "chunkName": "pages/video/_id",
-    "_name": "_6763123e"
+    "chunkName": "pages/video/_id"
   },
   {
     "name": "index",
     "path": "/",
     "component": "/home/kola-wsl/project/tangwang-pc/src/pages/index.vue",
-    "chunkName": "pages/index",
-    "_name": "_147516ea"
+    "chunkName": "pages/index"
   }
 ]