我回答的

This commit is contained in:
lmj
2022-10-14 15:04:41 +08:00
parent 394352ef3d
commit ca9dea067f
2 changed files with 55 additions and 42 deletions

View File

@@ -11,37 +11,38 @@
<div class="article-info-title">
<div style="line-height: 30px;font-size: 18px" >
<div class="one-line-ellipsis art-tit" >
<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 style="padding-left: 5px;cursor: pointer;" >
<!-- <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>
</span>
</div>
</div>
</div>
<div class="article-info-summary">
<div style="height:28px;overflow: hidden;" class="one-line-ellipsis" v-html="$keywordActiveShow(item.content,keyWord)"></div>
<div style="overflow: hidden;" class="one-line-ellipsis titcontent" v-html="$keywordActiveShow(item.content,keyWord)"></div>
<div class="article-Reply">
<div class="article-hd">
<span style="color: #171717;float:left;margin-top: 8px;" class="one-line-ellipsis">我的回答<span v-if="item.isBest" class="isBest">最佳</span><span v-html="$keywordActiveShow(item.answercontent,keyWord)"></span></span>
</div>
<!-- <div >
<el-button class="edit" icon="el-icon-edit" type="text" @click="editItem(item)" size="mini">编辑</el-button>
<el-button class="del" icon="el-icon-remove" type="text" @click="delItem(item)" size="mini">删除</el-button>
</div> -->
</div>
</div>
<div class="article-info-tools">
<div class="article-info-tools-auth">
<!-- <span style="font-size: 13px; color: #7b7b7b;padding-right: 15px;">提问时间{{ item.sysCreateTimeQ }}</span> -->
<span style=" font-size: 13px; color: #7b7b7b;padding-right: 15px;">回复时间{{ item.sysCreateTimeA }}</span>
</div>
<div class="article-info-date">
<div class="article-hd" style="margin-top: 8px;">
我的回答
<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>
</div>
</div>
</div>
</div>
<div class="reply-content two-line-ellipsis">
<span v-html="$keywordActiveShow(item.answercontent,keyWord)"></span>
</div>
<div class="article-info-tools">
<div class="article-info-tools-auth">
<!-- <span style="font-size: 13px; color: #7b7b7b;padding-right: 15px;">提问时间{{ item.sysCreateTimeQ }}</span> -->
<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>
@@ -66,9 +67,10 @@
<script>
import apiQa from '@/api/modules/qa.js';
import editQuestion from '@/components/Qa/editQuestion.vue';
import interactBar from '@/components/Portal/interactBar.vue';
export default {
name: 'articleItems',
components: {editQuestion },
components: {editQuestion,interactBar },
props: {
items: {
type: Array,
@@ -153,23 +155,34 @@ export default {
</script>
<style lang="scss" scoped>
.reply-content{
font-size: 14px;
color: #333330;
font-weight: 400;
margin-bottom: 10px;
}
.titcontent{
font-size: 14px;
color: #999999;
font-weight: 400;
}
.el-button--medium{
padding-top: 0;
}
.art-tit{
margin-left: -12px;
font-size: 18px;
font-weight: 600;
color: #333333;
}
.artlist{
padding-left: 21px;
padding-left: 20px;
padding-right: 32px;
cursor: pointer;
}
.article-info-date {
position: absolute;
top: -10px;
right:0px;
// height: 40px;
line-height: 30px;
// line-height: 30px;
font-weight: 200;
// margin-left: 10%;
margin-left: auto;
color: #999999;
i {
margin-right: 5px;
@@ -177,7 +190,7 @@ export default {
}
.article-hd{
width: 100%;
// display: ;
display: flex;
span{
line-height: 30px;
}
@@ -266,10 +279,10 @@ export default {
}
.article-info-summary {
height: 85px;
// height: 85px;
line-height: 25px;
overflow: hidden;
margin-top: 16px;
margin-top: 10px;
color: #999999;
}
@@ -285,7 +298,6 @@ export default {
height: 30px;
line-height: 30px;
font-size: 13px;
color: #999999;
img {
margin-right: 10px;

View File

@@ -5,15 +5,9 @@
<br />
</Remark>
<div style="display: flex;height: 40px;">
<div style="padding-top: 5px;">
<!--
<el-tag type="primary" style="margin-right: 20px;">最新</el-tag>
<el-tag type="info">最热</el-tag>
-->
</div>
<div>
<div style="display: flex;justify-content:space-around;padding: 12px 0px 10px 18px;">
<!--<div style="padding: 0px 5px;"><el-cascader clearable v-model="params.type" :options="typeList"></el-cascader></div>-->
<span class="title">我回答的</span>
<div style="padding: 0px 5px;">
<el-select v-model="queryObj.isResolve" placeholder="状态" style="width: 110px;" clearable>
<el-option label="全部" value=""></el-option>
@@ -141,6 +135,13 @@ export default {
</script>
<style scoped lang="scss">
.title{
font-size: 18px;
color: #333333;
font-weight: 600;
line-height: 35px;
margin-right: 30px;
}
.uc-badge {
margin-top: 10px;
margin-right: 40px;