提交 8ff4d23c authored 作者: 王鹏飞's avatar 王鹏飞

chore: update

上级 59e974a7
<template> <template>
<div class="chatper-work-answer-item"> <div class="chatper-work-answer-item">
<div class="chapter-work-answer-item-hd">{{ nickname }}:</div> <div class="chapter-work-answer-item-hd">
<p>{{ nickname }}:</p>
<p class="time">{{ data.created_time }}</p>
</div>
<div class="chapter-work-answer-item-bd"> <div class="chapter-work-answer-item-bd">
<div class="item" v-for="item in workList" :key="item.question_id"> <div class="item" v-for="item in workList" :key="item.question_id">
<show-more> <show-more>
...@@ -71,6 +74,13 @@ export default { ...@@ -71,6 +74,13 @@ export default {
} }
.chapter-work-answer-item-hd { .chapter-work-answer-item-hd {
margin-bottom: 10px; margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: space-between;
.time {
font-size: 12px;
color: #999;
}
} }
.chapter-work-answer-item-bd { .chapter-work-answer-item-bd {
font-size: 12pt; font-size: 12pt;
......
...@@ -11,20 +11,23 @@ ...@@ -11,20 +11,23 @@
:class="{ 'is-mine': studentId === reply.student_id, 'is-other': studentId !== reply.student_id }" :class="{ 'is-mine': studentId === reply.student_id, 'is-other': studentId !== reply.student_id }"
v-for="reply in data.details" v-for="reply in data.details"
> >
<p class="chapter-work-comment-and-reply-title" v-if="studentId === reply.student_id">我的回复:</p> <div class="chapter-work-comment-and-reply-title">
<p class="chapter-work-comment-and-reply-title" v-else>{{ title }}的回复:</p> <p v-if="studentId === reply.student_id">我的回复:</p>
<p v-else>{{ title }}的回复:</p>
<p class="time">{{ data.created_time }}</p>
</div>
<show-more :key="reply.id"> <show-more :key="reply.id">
<div v-html="reply.comment"></div> <div v-html="reply.comment"></div>
</show-more> </show-more>
</div> </div>
</div> </div>
<div class="chapter-work-comment-and-reply-tools"> <div class="chapter-work-comment-and-reply-tools">
<el-button size="small" @click="showComment = !showComment">回复</el-button> <el-button size="small" @click="showComment = !showComment">回复此评论</el-button>
<template v-if="showComment"> <template v-if="showComment">
<div style="flex:1;"> <div style="flex:1;width:100%;">
<v-editor v-model="comment"></v-editor> <v-editor v-model="comment"></v-editor>
</div> </div>
<el-button type="primary" @click="handleSubmit">提交</el-button> <el-button size="small" type="primary" @click="handleSubmit">提交回复</el-button>
</template> </template>
</div> </div>
</div> </div>
...@@ -84,11 +87,18 @@ export default { ...@@ -84,11 +87,18 @@ export default {
font-size: 14px; font-size: 14px;
margin-bottom: 10px; margin-bottom: 10px;
color: #333; color: #333;
display: flex;
align-items: center;
justify-content: space-between;
.time {
font-size: 12px;
color: #999;
}
} }
.chapter-work-comment-and-reply-tools { .chapter-work-comment-and-reply-tools {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// align-items: flex-end; align-items: flex-end;
gap: 10px; gap: 10px;
} }
</style> </style>
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<container :title="$t('viewerWork.commentToMeTitle')"> <container :title="$t('viewerWork.commentToMeTitle')">
<template v-for="(item, index) in list"> <template v-for="(item, index) in list">
<div class="module-item" :key="index"> <div class="module-item" :key="index">
<div class="module-item-hd">{{ $t('viewerWork.comment') }}{{ index + 1 }}:</div> <div class="module-item-hd"><div>{{ $t('viewerWork.comment') }}{{ index + 1 }}:</div><div class="time">{{ item.created_time }}</div></div>
<div class="module-item-bd"> <div class="module-item-bd">
<chapter-work-comment-and-reply <chapter-work-comment-and-reply
:data="item" :data="item"
...@@ -54,5 +54,12 @@ export default { ...@@ -54,5 +54,12 @@ export default {
} }
.module-item-hd { .module-item-hd {
margin-bottom: 10px; margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: space-between;
.time {
font-size: 12px;
color: #999;
}
} }
</style> </style>
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论