mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-10 19:36:43 +08:00
我回答的
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user