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-10-22 15:13:55 +08:00
parent 625f44d2b2
commit 71e2c4c2a3
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -78,7 +78,7 @@
<!--在这一层上加事件--> <!--在这一层上加事件-->
<div class="answer-text"> <div class="answer-text">
<span style="color: #303133" v-html="displayAll(item)"></span> <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 || item.content.split('\n').length>5" @click="changeIsAll(item)">{{ item.isAll ? '收起' : '全文'
}}</span> }}</span>
</div> </div>
<div class="answer-time"> <div class="answer-time">
@@ -755,12 +755,16 @@ export default {
hideButtons() { hideButtons() {
this.btnsShowRowId = ''; this.btnsShowRowId = '';
}, },
//展示全部 //展示全部
displayAll(item) { displayAll(item) {
let content = ''; let content = '';
content = item.content.replace(/(\n){2,}/,'<br>'); content = item.content.replace(/(\n){2,}/,'<br>');
item.content = content; item.content = content;
if (!item.isAll && item.content.length > 170) { if (!item.isAll && item.content.length > 170 || !item.isAll && item.content.split("\n").length>5) {
if(!item.isAll && item.content.split("\n").length>5){
return item.content.slice(0, 10) + "...";
}
return item.content.slice(0, 170) + "..."; return item.content.slice(0, 170) + "...";
} }
return item.content; return item.content;