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

chore: update

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