hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-13 04:46:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
zhaofang
2022-07-14 10:49:11 +08:00
parent a14e034ced
commit f9dbd84643
2 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Portal/comments.vue
View File

@@ -96,7 +96,7 @@
<div class="comment-body" > <div class="comment-body" >
<div class="comment-info" @mouseover="showButtons(com.id)" @mouseout="hideButtons()"> <div class="comment-info" @mouseover="showButtons(com.id)" @mouseout="hideButtons()">
<div class="comment-content" @click="cancelReply()"> <div class="comment-content" @click="cancelReply()">
{{displayAll(com)}} <span style="color: #303133" v-html="displayAll(com)"></span>
<span v-if="com.content.length>170" @click="changeIsAll(com)"> <span v-if="com.content.length>170" @click="changeIsAll(com)">
{{com.isAll?'收起':'全文'}} {{com.isAll?'收起':'全文'}}
</span> </span>
@@ -137,7 +137,7 @@
<div class="comment-body" @mouseover="showButtons(reply.id)" @mouseout="hideButtons()"> <div class="comment-body" @mouseover="showButtons(reply.id)" @mouseout="hideButtons()">
<div class="comment-info" > <div class="comment-info" >
<div class="comment-content" @click="cancelReply()"> <div class="comment-content" @click="cancelReply()">
{{displayAll(reply)}} <span style="color: #303133" v-html="displayAll(reply)"></span>
<span v-if="reply.content.length>170" @click="changeIsAll(reply)"> <span v-if="reply.content.length>170" @click="changeIsAll(reply)">
{{reply.isAll?'收起':'全文'}} {{reply.isAll?'收起':'全文'}}
</span> </span>
@@ -532,7 +532,9 @@
}, },
//展示全部 //展示全部
displayAll(item) { displayAll(item) {
//console.log(item,'item'); let content = '';
content = item.content.replace(/(\n){2,}/,'<br>');
item.content = content;
if(!item.isAll && item.content && item.content.length > 170) { if(!item.isAll && item.content && item.content.length > 170) {
return item.content.slice(0, 170) + "..."; return item.content.slice(0, 170) + "...";
} }

10
src/views/portal/qa/Answer.vue
View File

@@ -89,7 +89,8 @@
<div class="answer-body"> <div class="answer-body">
<div @mouseover="showButtons(item.id)" @mouseout="hideButtons()"> <div @mouseover="showButtons(item.id)" @mouseout="hideButtons()">
<!--在这一层上加事件--> <!--在这一层上加事件-->
<div class="answer-text">{{ displayAll(item) }} <div class="answer-text">
<span style="color: #303133" v-html="displayAll(item)"></span>
<span v-if="item.content.length > 170" @click="changeIsAll(item)">{{ item.isAll ? '收起' : '全文' <span v-if="item.content.length > 170" @click="changeIsAll(item)">{{ item.isAll ? '收起' : '全文'
}}</span> }}</span>
</div> </div>
@@ -146,7 +147,7 @@
<div class="comment-body"> <div class="comment-body">
<div class="comment-info" @mouseover="showButtons(con.id)" @mouseout="hideButtons()"> <div class="comment-info" @mouseover="showButtons(con.id)" @mouseout="hideButtons()">
<div class="comment-content"> <div class="comment-content">
{{ displayAll(con) }} <span style="color: #303133" v-html="displayAll(con)"></span>
<span v-if="con.content.length > 170" @click="changeIsAll(con)"> <span v-if="con.content.length > 170" @click="changeIsAll(con)">
{{ con.isAll ? '收起' : '全文' }} {{ con.isAll ? '收起' : '全文' }}
</span> </span>
@@ -189,7 +190,7 @@
<div class="comment-body"> <div class="comment-body">
<div class="comment-info" @mouseover="showButtons(row.id)" @mouseout="hideButtons()"> <div class="comment-info" @mouseover="showButtons(row.id)" @mouseout="hideButtons()">
<div class="comment-content"> <div class="comment-content">
{{ displayAll(row) }} <span style="color: #303133" v-html="displayAll(row)"></span>
<span v-if="row.content.length > 170" @click="changeIsAll(row)"> <span v-if="row.content.length > 170" @click="changeIsAll(row)">
{{ row.isAll ? '收起' : '全文' }} {{ row.isAll ? '收起' : '全文' }}
</span> </span>
@@ -714,6 +715,9 @@ export default {
}, },
//展示全部 //展示全部
displayAll(item) { displayAll(item) {
let content = '';
content = item.content.replace(/(\n){2,}/,'<br>');
item.content = content;
if (!item.isAll && item.content.length > 170) { if (!item.isAll && item.content.length > 170) {
return item.content.slice(0, 170) + "..."; return item.content.slice(0, 170) + "...";
} }