A1300399510/PC-vote
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
A1300399510
2024-01-30 17:42:09 +08:00
parent e6cc4bf778
commit 94224b3057
54 changed files with 404 additions and 389 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
components/DetailsComments.vue
View File

@@ -60,16 +60,15 @@
<!-- shutAnswerCommentsChild openAnswerCommentsChild -->
<div class="comment-text" @click="!item['childState'] ? openAnswerCommentsChild(index) : closeAnswerCommentsChild()">{{ item["content"] }}</div>
<div class="alreadyVoted" v-if="item.voteoption">已投：{{ item.voteoption }}</div>
<div class="comments-input-box flexacenter" v-if="item['childState']">
<div class="comments-input-masking" @click="closeAnswerCommentsChild()" v-if="item['childState']"></div>
<div class="comments-input-box" :class="{ 'comments-input-box-show': item['childState'] }">
<div class="comments-input">
<el-input v-model="commentInput" type="textarea" placeholder="回复" :maxlength="500" show-word-limit></el-input>
<!-- <textarea class="flex1" placeholder="回复" v-model="commentInput"></textarea> -->
<div class="operate-bottom flexacenter">
<div class="comments-btn comments-btn-cancel flexcenter" @click="closeAnswerCommentsChild(index)">取消</div>
<div class="comments-btn comments-btn-cancel flexcenter" @click="closeAnswerCommentsChild()">取消</div>
<div class="comments-btn flexcenter" @click="submitAnswerComments(commentInput, index)">发送</div>
</div>
</div>
<!-- <img class="forkfork" @click="closeAnswerCommentsChild(index)" src="@/assets/img/cross-icon.png" /> -->
</div>
<!-- 子评论 -->
<div class="child-comments" v-if="item['child'].length > 0">
@@ -116,19 +115,15 @@
{{ ite["content"] }}
</div>
<div class="alreadyVoted" v-if="ite.voteoption">已投：{{ ite.voteoption }}</div>
<div class="comments-input-box flexacenter" v-if="ite['childState']">
<div class="comments-input-masking" @click="closeAnswerCommentsChild()" v-if="ite['childState']"></div>
<div class="comments-input-box flexacen" :class="{ 'comments-input-box-show': ite['childState'] }">
<div class="comments-input">
<el-input v-model="commentInput" type="textarea" placeholder="回复" :maxlength="500" show-word-limit></el-input>
<el-input v-model="commentInput" type="textarea" placeholder="回复" :maxlength="500" show-word-limit @blur=""></el-input>
<div class="operate-bottom flexacenter">
<div class="comments-btn comments-btn-cancel flexcenter" @click="closeAnswerCommentsChild(index)">取消</div>
<div class="comments-btn comments-btn-cancel flexcenter" @click="closeAnswerCommentsChild()">取消</div>
<div class="comments-btn flexcenter" @click="submitAnswerComments(commentInput, index)">发送</div>
</div>
</div>
<!-- <div class="comments-input">
<textarea class="flex1" placeholder="回复" v-model="commentInput"></textarea>
<div class="comments-btn flexcenter" @click="submitAnswerComments(commentInput, index, i)">发送</div>
</div>
<img class="forkfork" @click="closeAnswerCommentsChild(index, i)" src="@/assets/img/cross-icon.png" /> -->
</div>
</div>
</div>
@@ -263,13 +258,6 @@ const openAnswerCommentsChild = (index, i) => {
// else commentList.value[index]["child"][i]["childState"] = true
}
// 单个关闭 回复评论框
const shutAnswerCommentsChild = () => {
closeAnswerCommentsChild()
// if (i == null) commentList.value[index]["childState"] = false
// else commentList.value[index]["child"][i]["childState"] = false
}
// 关闭 回答-评论 的子评论 isempty 是否需要清空输入框 默认需要清空
const closeAnswerCommentsChild = () => {
commentList.value.forEach(ele => {
@@ -767,9 +755,29 @@ defineExpose({ changeCommentVoteoption, wipeCommentVoteoption, reviewsComment, b
word-break: break-word;
}
.comments-input-masking {
width: 100vw;
height: 100vh;
min-width: 1200px;
position: fixed;
top: 0;
left: 0;
// background-color: #000000;
z-index: 10;
}
.comments-input-box {
margin-top: 13px;
margin-bottom: 10px;
height: 0;
overflow: hidden;
transition: all 0.3s;
position: relative;
z-index: 11;
&.comments-input-box-show {
height: 184px;
}
.comments-input {
// width: 519px;
@@ -836,8 +844,8 @@ defineExpose({ changeCommentVoteoption, wipeCommentVoteoption, reviewsComment, b
margin-bottom: 10px;
&.comments-btn-cancel {
border: 1px solid #797979;
color: #000000;
border: 1px solid #cccccc;
color: #797979;
background-color: #fff;
}
}