`, data:{ leftContentTop:0, sideToolbarContentTop:0, rightContentTop:0, newblogList:[], isFan:false, isStar:false, collectInfo:{ isCollect:false, collectNum:0 }, tagTwos:[], openKeys:[], selectedKeys:[], starAnalyze:{ stars:[],starViews:[]}, relBlogs:[], searchTitle:'' }, methods:{ //获取分栏 getUserTags(userId){ this.hostVm.$axios.get(`/api/tags/${userId}/type/2`,{}).then(res=>{ if(res.statusCode==200){ this.tagTwos=res.data this.openKeys=this.blog.columnIds this.selectedKeys=[this.id] }else{ this.hostVm.$message.error(res.msg) } }) }, //点赞 addStar(){ this.hostVm.addStar({id:this.id,type:2}).then(res=>{ if(res.statusCode==200){ this.isStar=true this.blog.starNum++ }else{ this.hostVm.$message.error(res.msg) } }) }, //取消点赞 unStar(){ this.hostVm.unStar({id:this.id,type:2}).then(res=>{ if(res.statusCode==200){ this.isStar=false this.blog.starNum-- }else{ this.hostVm.$message.error(res.msg) } }) }, //获取收藏信息 getCollectStatistics(){ this.hostVm.getCollectStatistics({id:this.id,type:2}).then(res=>{ if(res.statusCode==200){ this.collectInfo=res.data; }else{ this.hostVm.$message.error(res.msg) } }) }, //收藏 addCollect(){ this.hostVm.addCollect({id:this.id,type:2}).then(res=>{ if(res.statusCode==200){ if(!this.collectInfo.isCollect){ this.collectInfo.collectNum++; } this.collectInfo.isCollect=true; }else{ this.hostVm.$message.error(res.msg) } }) }, //获取点赞信息 getStarInfo(){ if(!this.hostVm.userId){ return; } this.hostVm.getStarInfo({id:this.id,type:2}).then(res=>{ if(res.statusCode==200){ this.isStar=res.data }else{ this.hostVm.$message.error(res.msg) } }) }, getStarAnalyze(){ this.hostVm.$axios.get(`/api/stars/${this.userInfo.id}/analyze`).then(res=>{ if(res.statusCode==200){ this.starAnalyze=res.data; } }) }, //打开打赏窗口 showRewardDialog(){ this.hostVm.showRewardDialog({ goodsId:this.id, goodsType:2, userImg:this.userInfo.userImg, userName:this.userInfo.name}) }, //关注 fan(){ this.hostVm.$axios.post(`/api/fans/${this.userInfo.id}`).then(res=>{ if(res.statusCode==200){ this.isFan=true }else{ this.hostVm.$message.error(res.msg) } }) }, //获取关注信息 isFanInfo(){ this.hostVm.$axios.get(`/api/fans/isFan/${this.userInfo.id}`).then(res=>{ if(res.statusCode==200){ this.isFan=res.data }else{ this.hostVm.$message.error(res.msg) } }) }, getRecommentBlogs(){ this.hostVm.$axios.get(`api/blogs/recommends?keyWords=${this.blog.keyWords}`,{}).then(res=>{ if(res.statusCode==200){ this.relBlogs=res.data; }else{ this.hostVm.$message.error(res.msg) } }) }, search(e){ location.href="/"+this.userInfo.name+"?title="+this.searchTitle }, imgClick(e){ if(e.target.className && e.target.className.indexOf("jzs_preview")>-1){ this.hostVm.previewImg(e.target.src); } else if(e.target.className && e.target.className.indexOf("jzs_pre_copy")>-1){ //执行复制 let btn = $(e.target); let pre = btn.parent(); //为了实现复制功能。新增一个临时的textarea节点。使用他来复制内容 let temp = $(""); //避免复制内容时把按钮文字也复制进去。先临时置空 btn.text(""); temp.text(e.target.parentNode.innerText); temp.appendTo(pre); temp.select(); document.execCommand("Copy"); temp.remove(); //修改按钮名 btn.text("复制成功"); //一定时间后吧按钮名改回来 setTimeout(()=> { btn.text("复制代码"); },1500); } }, handleLeftScroll(){ var leftDivTop=this.$refs.leftDiv.getBoundingClientRect().top var leftContentHeight=this.$refs.leftContent.offsetHeight; var rightDivTop=this.$refs.rightDiv.getBoundingClientRect().top var rightContentHeight=this.$refs.rightContent.offsetHeight; if(leftContentHeight+80>document.body.clientHeight){ if(leftDivTop>60){ this.leftContentTop=0; } else{ if(80-leftDivTop>leftContentHeight-document.body.clientHeight){ this.leftContentTop=document.body.clientHeight-leftDivTop-leftContentHeight-20; }else{ this.leftContentTop=0; } } }else{ this.leftContentTop=80-leftDivTop; } if(rightContentHeight+80>document.body.clientHeight){ if(rightDivTop>60){ this.rightContentTop=0; }else{ if(80-rightDivTop>rightContentHeight-document.body.clientHeight){ this.rightContentTop=document.body.clientHeight-rightDivTop-rightContentHeight-20; }else{ this.rightContentTop=0; } } }else{ this.rightContentTop=80-rightDivTop; } } }, mounted(){ window.addEventListener('scroll',this.handleLeftScroll,true) this.getStarInfo(); this.getCollectStatistics(); this.isFanInfo(); this.getUserTags(this.userInfo.id); this.getRecommentBlogs(); this.getStarAnalyze(); setTimeout(()=>{ //代码高亮 hljs.highlightAll(); $('pre code').each(function(i, block) { hljs.lineNumbersBlock(block); }); //给每一串代码元素增加复制代码节点 let preList = $("pre"); for (let pre of preList) { var classs= $(pre).find('code').attr("class").split("-"); //给每个代码块增加上“复制代码”按钮 let btn = $(""+classs[classs.length-1]+"复制代码"); btn.prependTo(pre); } $.getScript('https://jingzhisheng.oss-cn-beijing.aliyuncs.com/01/WordPressBook/js.js', function () { $.getScript('https://jingzhisheng.oss-cn-beijing.aliyuncs.com/01/tocbot.min.js', function () { tocbot.init({ tocSelector: '.js-toc', contentSelector: '#blogContent', headingSelector: 'h1, h2, h3, h4, h5', headingsOffset: 500, }); }); }); },500); this.hostVm.loading=false } }