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

实现换行情况下的展开收起

Browse Source
This commit is contained in:
weinan2087
2022-11-22 19:35:45 +08:00
parent 80c12a8c7d
commit f5711edd84
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Portal/noteComment.vue
View File

@@ -23,7 +23,7 @@
<div class="comment-content" @click="cancelReply()"> <div class="comment-content" @click="cancelReply()">
<span class="play-time" v-if="com.playTime>0"><img :src="`${webBaseUrl}/images/coteplay.png`" alt=""> {{ getHMS(com.playTime) }}</span> <span class="play-time" v-if="com.playTime>0"><img :src="`${webBaseUrl}/images/coteplay.png`" alt=""> {{ getHMS(com.playTime) }}</span>
<span class="portal-summary-text" style="color: #666666;" v-html="displayAll(com)"></span> <span class="portal-summary-text" style="color: #666666;" v-html="displayAll(com)"></span>
<span v-if="com.content.length>170" @click="changeIsAll(com)"> <span v-if="com.content.length>170 || com.content.split('\n').length>3" @click="changeIsAll(com)">
{{com.isAll?'收起':'全文'}} {{com.isAll?'收起':'全文'}}
</span> </span>
</div> </div>
@@ -59,7 +59,7 @@
<div class="comment-info" > <div class="comment-info" >
<div class="comment-content" @click="cancelReply()"> <div class="comment-content" @click="cancelReply()">
<span class="portal-summary-text" style="color: #666666;" v-html="displayAll(reply)"></span> <span class="portal-summary-text" style="color: #666666;" v-html="displayAll(reply)"></span>
<span v-if="reply.content.length>170" @click="changeIsAll(reply)"> <span v-if="reply.content.length>170 || com.content.split('\n').length>3" @click="changeIsAll(reply)">
{{reply.isAll?'收起':'全文'}} {{reply.isAll?'收起':'全文'}}
</span> </span>
</div> </div>
@@ -474,6 +474,8 @@
let content = ''; let content = '';
content = item.content.replace(/(\n){2,}/,'<br>'); content = item.content.replace(/(\n){2,}/,'<br>');
item.content = content; item.content = content;
var hlength = item.content.split("\n").length;
if(!item.isAll && hlength > 3 ) {return item.content.slice(0, 5) + "...";}
if(!item.isAll && item.content && item.content.length > 150) { if(!item.isAll && item.content && item.content.length > 150) {
return item.content.slice(0, 150) + "..."; return item.content.slice(0, 150) + "...";
} }