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

我的问答样式修改

Browse Source
This commit is contained in:
zhaofang
2022-10-18 18:53:01 +08:00
parent 442d41f366
commit 18d31fffb0
6 changed files with 65 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/Qa/replyList.vue
View File

@@ -6,11 +6,11 @@
<li>这里的路由传参存在问题</li>
</ul>
</Remark>
<div class="article-list" v-for="(item, idx) in items" :key="idx" @click="routerJump(item)">
<div class="article-list" v-for="(item, idx) in items" :key="idx">
<div class="article-info">
<div class="article-info-title">
<div style="line-height: 30px;font-size: 18px" >
<div class="one-line-ellipsis art-tit" >
<div class="one-line-ellipsis art-tit" @click="routerJump(item)">
<!-- <span v-if="item.isResolve == true" class="qa-basic qa-solve">【已解决】</span>
<span v-if="item.isResolve == false" class="qa-basic qa-unSolve">【待解决】</span> -->
<span v-html="$keywordActiveShow(item.title,keyWord)"></span>
@@ -24,17 +24,18 @@
我的回答
<div class="article-info-date">
<!-- <el-button @click="shareItem(item)" type="text" icon="el-icon-share">分享</el-button> -->
<el-button class="edit" @click.stop="editItem(item)" type="text" icon="el-icon-edit" >编辑</el-button>
<el-button class="del" @click.stop="delItem(item)" type="text" icon="el-icon-delete">删除</el-button>
<el-button class="edit" @click.stop="editItem(item)" type="text"><svg-icon style="font-size:14px;margin-right:5px" icon-class="edit-icon"></svg-icon>编辑</el-button>
<el-button class="del" @click.stop="delItem(item)" type="text"> <svg-icon style="font-size:14px;margin-right:5px" icon-class="del-icon"></svg-icon>删除</el-button>
</div>
</div>
</div>
</div>
</div>
<div class="reply-content two-line-ellipsis">
<span v-html="$keywordActiveShow(item.answercontent,keyWord)"></span>
<div class="reply-content">
<!-- 1111 <span v-html="$keywordActiveShow(item.answercontent,keyWord)"></span> -->
<span v-html="displayAll(item)"></span>
<span style="color:#2C68FF" v-if="item.answercontent.length > 170" @click="changeIsAll(item)">
{{ item.isAll ? '收起' : '展开全文' }}
</span>
</div>
<div class="article-info-tools">
<div class="article-info-tools-auth">
@@ -42,7 +43,6 @@
<span style=" font-size: 13px; color: #7b7b7b;padding-right: 15px;">回复时间：{{ item.sysCreateTimeA }}</span>
</div>
<interactBar :readonly="true" :type="4" :data="item" :shares="false" :comments="false" :answers="true" :clickAnswer="true" :views="false"></interactBar>
</div>
</div>
</div>
@@ -100,6 +100,19 @@ export default {
};
},
methods: {
//展示全部
displayAll(item) {
let content = '';
content = item.answercontent.replace(/(\n){2,}/,'<br>');
item.answercontent = content;
if (!item.isAll && item.answercontent.length > 170) {
return item.answercontent.slice(0, 170) + "...";
}
return item.answercontent;
},
changeIsAll(item) {
item.isAll = !item.isAll;
},
// deleteData(item){
// console.log(item,"我拿到准备删除的数据")
// apiQa.delAnswer()
@@ -160,6 +173,7 @@ export default {
color: #333330;
font-weight: 400;
margin-bottom: 10px;
word-break:break-all;
}
.titcontent{
font-size: 14px;
@@ -293,6 +307,10 @@ export default {
.article-info-tools {
height: 30px;
position: relative;
::v-deep .interact-bar-btn{
min-width: 80px !important;
text-align: right;
}
.article-info-tools-auth {
float: left;
height: 30px;