peihaoyu/nebula
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ 隐藏评论功能

Browse Source
This commit is contained in:
ronger 2022-04-18 11:01:52 +08:00
parent 3c9416f81c
commit d1e04082aa
1 changed files with 337 additions and 309 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
components/common/comment/main.vue
View File

@ -40,20 +40,23 @@
<el-avatar v-show="!comment.commenter.userAvatarURL"
src="https://static.rymcu.com/article/1578475481946.png"></el-avatar>
</el-col>
<el-col :xs="21" :sm="23" :xl="23">
<el-col :xs="21" :sm="23" :xl="23" style="padding-bottom: 10px;" v-if="comment.status === 0">
<el-col style="margin-left: 1rem;">
<el-col v-show="comment.commentOriginalCommentId">
<el-col :span="16">
<el-link rel="nofollow" @click="onRouter('user', comment.commenter.userAccount)" :underline="false"
class="text-default">{{ comment.commenter.userNickname }}
</el-link>
<small class="text-default" style="margin: 0 0.2rem">回复了</small><span style="font-weight: bold;"> {{comment.commentOriginalAuthorNickname}}</span>
<small class="text-default" style="margin: 0 0.2rem">回复了</small><span
style="font-weight: bold;"> {{ comment.commentOriginalAuthorNickname }}</span>
</el-col>
<el-col :span="8" class="text-right" style="padding-right: 1rem;">
<el-link rel="nofollow" :underline="false" title="查看原评论"
@click.native="toggleShowOriginalComment(comment.commentOriginalCommentId)"><i
class="el-icon-reading"></i> 查看原评论</el-link>
<el-tag v-show="isAuthor(comment.commentAuthorId)" size="mini" effect="plain" style="margin-left: 5px;">
class="el-icon-reading"></i> 查看原评论
</el-link>
<el-tag v-show="isAuthor(comment.commentAuthorId)" size="mini" effect="plain"
style="margin-left: 5px;">
作者
</el-tag>
</el-col>
@ -65,7 +68,8 @@
</el-link>
</el-col>
<el-col :span="8" class="text-right" style="padding-right: 1rem;">
<el-tag v-show="isAuthor(comment.commentAuthorId)" size="mini" effect="plain" style="margin-left: 5px;">
<el-tag v-show="isAuthor(comment.commentAuthorId)" size="mini" effect="plain"
style="margin-left: 5px;">
作者
</el-tag>
</el-col>
@ -81,7 +85,33 @@
</el-col>
<el-col :span="8" v-if="user" class="text-right" style="margin-bottom: 0.5rem;">
<el-link rel="nofollow" :underline="false" title="评论" @click.native="replyComment(comment)"><i
class="el-icon-s-comment"></i> 评论</el-link>
class="el-icon-s-comment"></i> 评论
</el-link>
</el-col>
</el-col>
<el-col :xs="21" :sm="23" :xl="23" style="padding-bottom: 10px;" v-else>
<el-col style="margin-left: 1rem;">
<el-col :span="16">
<el-link rel="nofollow" @click="onRouter('user', comment.commenter.userAccount)" :underline="false"
class="text-default">{{ comment.commenter.userNickname }}
</el-link>
</el-col>
<el-col :span="8" class="text-right" style="padding-right: 1rem;">
<el-tag v-show="isAuthor(comment.commentAuthorId)" size="mini" effect="plain"
style="margin-left: 5px;">
作者
</el-tag>
</el-col>
</el-col>
<el-col style="padding: 1rem;">
<el-col>
<div class="vditor-reset comment-content">
<small>内容不相关已被隐藏！</small>
</div>
</el-col>
</el-col>
<el-col :span="16" style="padding-left: 1rem;">
<el-link rel="nofollow" :underline="false" class="text-default">{{ comment.timeAgo }}</el-link>
</el-col>
</el-col>
</el-card>
@ -254,9 +284,7 @@
url: this.tokenURL.URL,
linkToImgUrl: this.tokenURL.linkToImageURL,
token: this.tokenURL.token,
filename: name => name.replace(/[^(a-zA-Z0-9\u4e00-\u9fa5\.)]/g, '').
replace(/[\?\\/:|<>\*\[\]\(\)\$%\{\}@~]/g, '').
replace('/\\s/g', '')
filename: name => name.replace(/[^(a-zA-Z0-9\u4e00-\u9fa5\.)]/g, '').replace(/[\?\\/:|<>\*\[\]\(\)\$%\{\}@~]/g, '').replace('/\\s/g', '')
},
height: data.height,
counter: 102400,