no message
This commit is contained in:
A1300399510
@@ -60,7 +60,8 @@
|
||||
</div>
|
||||
<div class="floor-middle flexacenter comment-box">
|
||||
<img class="avatar" :src="userInfoWin?.avatar" />
|
||||
<input class="comment-input flex1" type="text" v-model="floorCommentInput" @keydown.enter="floorCommentBtn('input')" placeholder="说说你的想法或疑问…" />
|
||||
<!-- <input class="comment-input flex1" type="text" v-model="floorCommentInput" @keydown.enter="floorCommentBtn('input')" placeholder="说说你的想法或疑问…" /> -->
|
||||
<el-input class="comment-input flex1" v-model="floorCommentInput" placeholder="说说你的想法或疑问…" @keydown.enter="floorCommentBtn('input')" maxlength="500" show-word-limit></el-input>
|
||||
<div class="comment-btn flexcenter" @click="floorCommentBtn('input')">
|
||||
<img class="comment-btn-icon" src="@/assets/img/arrow-white.svg" />
|
||||
</div>
|
||||
@@ -90,7 +91,6 @@ const getFullUrl = () => {
|
||||
return window.location.href
|
||||
}
|
||||
|
||||
|
||||
// 复制
|
||||
let copyText = text => {
|
||||
if (navigator.clipboard) {
|
||||
@@ -251,7 +251,7 @@ const floorCommentBtn = inject("floorCommentBtn")
|
||||
.QR-code-ball {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background-color: rgba(246, 246, 246, 1);
|
||||
background-color: rgba(235, 235, 235, 1);
|
||||
border-radius: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -276,6 +276,10 @@ const floorCommentBtn = inject("floorCommentBtn")
|
||||
outline: none;
|
||||
padding: 0 12px;
|
||||
font-size: 14px;
|
||||
/deep/ .el-input__wrapper {
|
||||
box-shadow: none;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-btn {
|
||||
|
||||
@@ -3,7 +3,8 @@
|
||||
讨论
|
||||
<span class="comment-amount">{{ commentComments || "" }}</span>
|
||||
</div>
|
||||
<!-- <div class="post-comment flexacenter" ref="postInputRef" :class="{ 'post-comment-focus': postCommentFocusState }" @click="loginJudgment()"> -->
|
||||
<!-- <div class="post-comment flexacenter" ref="postInputRef" :class="{ 'post-comment-focus':
|
||||
postCommentFocusState }" @click="loginJudgment()"> -->
|
||||
<div class="post-comment" ref="postInputRef" :class="{ 'post-comment-focus': postCommentFocusState }" @click="loginJudgment()">
|
||||
<div class="post-comment-input">
|
||||
<el-input class="post-input flex1" type="textarea" :autosize="postCommentFocusState" :maxlength="500" show-word-limit placeholder="说说你的想法或疑问…" v-model="commentInputTop" @blur="postCommentFocusBlur" @focus="postCommentFocusState = true"></el-input>
|
||||
@@ -47,7 +48,8 @@
|
||||
<img class="menu-icon" src="@/assets/img/menu-icon-gray.svg" />
|
||||
<div class="report-box flexcenter" @click="report(item['token'])">举报</div>
|
||||
</div>
|
||||
<img class="comment-icon" title="回复" @click="openAnswerCommentsChild(index)" src="@/assets/img/comment-icon-gray.svg" />
|
||||
<!-- <img class="comment-icon" title="回复" @click="openAnswerCommentsChild(index)" src="@/assets/img/comment-icon-gray.svg" /> -->
|
||||
<img class="comment-icon" title="回复" @click="!item['childState'] ? openAnswerCommentsChild(index) : closeAnswerCommentsChild()" src="@/assets/img/comment-icon-gray.svg" />
|
||||
<div class="flexacenter like-box" @click="commentLike(index)">
|
||||
<img class="like-icon" v-if="item['islike'] == 1" src="@/assets/img/like-icon-colours.png" />
|
||||
<img class="like-icon" v-else src="@/assets/img/like-icon-gray.png" />
|
||||
@@ -55,14 +57,19 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="comment-text" @click="openAnswerCommentsChild(index)">{{ item["content"] }}</div>
|
||||
<!-- 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 flexflex">
|
||||
<textarea class="flex1" placeholder="回复" v-model="commentInput"></textarea>
|
||||
<div class="comments-btn flexcenter" @click="submitAnswerComments(commentInput, index)">发送</div>
|
||||
<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 flexcenter" @click="closeAnswerCommentsChild(index)">取消</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" />
|
||||
<!-- <img class="forkfork" @click="closeAnswerCommentsChild(index)" src="@/assets/img/cross-icon.png" /> -->
|
||||
</div>
|
||||
<!-- 子评论 -->
|
||||
<div class="child-comments" v-if="item['child'].length > 0">
|
||||
@@ -96,7 +103,7 @@
|
||||
<img class="menu-icon" src="@/assets/img/menu-icon-gray.svg" />
|
||||
<div class="report-box flexcenter" @click="report(ite['token'])">举报</div>
|
||||
</div>
|
||||
<img class="comment-icon" title="回复" @click="openAnswerCommentsChild(index, i)" src="@/assets/img/comment-icon-gray.svg" />
|
||||
<img class="comment-icon" title="回复" @click="!ite['childState'] ? openAnswerCommentsChild(index, i) : closeAnswerCommentsChild()" src="@/assets/img/comment-icon-gray.svg" />
|
||||
<div class="flexacenter like-box" @click="commentLike(index, i)">
|
||||
<img class="like-icon" v-if="ite['islike'] == 1" src="@/assets/img/like-icon-colours.png" />
|
||||
<img class="like-icon" v-else src="@/assets/img/like-icon-gray.png" />
|
||||
@@ -104,17 +111,24 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="comment-text" @click="openAnswerCommentsChild(index, i)">
|
||||
<div class="comment-text" @click="!ite['childState'] ? openAnswerCommentsChild(index, i) : closeAnswerCommentsChild()">
|
||||
<div class="comments-reply" v-if="ite?.reply?.nickname">@{{ ite?.reply?.nickname }}</div>
|
||||
{{ 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 flexflex">
|
||||
<div class="comments-input">
|
||||
<el-input v-model="commentInput" type="textarea" placeholder="回复" :maxlength="500" show-word-limit></el-input>
|
||||
<div class="operate-bottom flexacenter">
|
||||
<div class="comments-btn flexcenter" @click="closeAnswerCommentsChild(index)">取消</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" />
|
||||
<img class="forkfork" @click="closeAnswerCommentsChild(index, i)" src="@/assets/img/cross-icon.png" /> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -138,7 +152,7 @@
|
||||
<div class="automatic-title">说说您的投票理由</div>
|
||||
<div class="automatic-have">已投：{{ haveVotedValue }}</div>
|
||||
</div>
|
||||
<el-input class="automatic-input" placeholder="请输入…" v-model="reviewsPopoverInput" type="textarea"></el-input>
|
||||
<el-input class="automatic-input" placeholder="请输入…" v-model="reviewsPopoverInput" type="textarea" maxlength="500" show-word-limit></el-input>
|
||||
<div class="automatic-bottom flexflex">
|
||||
<div class="automatic-send flexcenter" @click="submitAnswerComments(reviewsPopoverInput)">发送</div>
|
||||
</div>
|
||||
@@ -240,11 +254,20 @@ const openAnswerCommentsChild = (index, i) => {
|
||||
goLogin()
|
||||
return
|
||||
}
|
||||
closeAnswerCommentsChild()
|
||||
|
||||
closeAnswerCommentsChild(false)
|
||||
if (i == null) commentList.value[index]["childState"] = true
|
||||
else commentList.value[index]["child"][i]["childState"] = true
|
||||
// commentInput.value = ""
|
||||
|
||||
// if (i == null) commentList.value[index]["childState"] = true
|
||||
// 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 是否需要清空输入框 默认需要清空
|
||||
@@ -527,7 +550,9 @@ defineExpose({ changeCommentVoteoption, wipeCommentVoteoption, reviewsComment, b
|
||||
}
|
||||
|
||||
/deep/ .el-input__count {
|
||||
bottom: 42px;
|
||||
display: block;
|
||||
// bottom: 42px;
|
||||
left: 10px;
|
||||
}
|
||||
}
|
||||
.post-ok {
|
||||
@@ -570,6 +595,10 @@ defineExpose({ changeCommentVoteoption, wipeCommentVoteoption, reviewsComment, b
|
||||
padding: 10px;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
|
||||
/deep/ .el-input__count {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.post-ok {
|
||||
@@ -745,11 +774,11 @@ defineExpose({ changeCommentVoteoption, wipeCommentVoteoption, reviewsComment, b
|
||||
.comments-input {
|
||||
// width: 519px;
|
||||
flex: 1;
|
||||
height: 60px;
|
||||
// height: 60px;
|
||||
border: 1px solid rgba(215, 215, 215, 1);
|
||||
border-right: none;
|
||||
// border-right: none;
|
||||
border-radius: 8px;
|
||||
margin-right: 16px;
|
||||
// margin-right: 16px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
@@ -766,24 +795,46 @@ defineExpose({ changeCommentVoteoption, wipeCommentVoteoption, reviewsComment, b
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
textarea {
|
||||
/deep/ textarea {
|
||||
border: none;
|
||||
outline: none;
|
||||
resize: none;
|
||||
padding: 11px 16px;
|
||||
border-radius: 7px 0 0 7px;
|
||||
// border-radius: 7px 0 0 7px;
|
||||
border-radius: 8px;
|
||||
font-size: 14px;
|
||||
width: 100%;
|
||||
height: 140px;
|
||||
}
|
||||
|
||||
.comments-btn {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
// background-color: #31d72e;
|
||||
background-color: var(--main-color);
|
||||
border-radius: 0 7px 7px 0;
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
/deep/ .el-textarea__inner {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/deep/ .el-input__count {
|
||||
left: 10px;
|
||||
bottom: -32px;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
.operate-bottom {
|
||||
justify-content: flex-end;
|
||||
|
||||
.comments-btn {
|
||||
// width: 58px;
|
||||
// height: 58px;
|
||||
width: 60px;
|
||||
height: 32px;
|
||||
border-radius: 6px;
|
||||
|
||||
background-color: var(--main-color);
|
||||
// border-radius: 0 7px 7px 0;
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -841,7 +892,7 @@ defineExpose({ changeCommentVoteoption, wipeCommentVoteoption, reviewsComment, b
|
||||
</style>
|
||||
<style lang="less">
|
||||
.automatic-reviews-popup {
|
||||
border-radius: 10px;
|
||||
border-radius: 10px !important;
|
||||
.automatic-header {
|
||||
padding: 20px;
|
||||
border-bottom: 1px dotted #ebebeb;
|
||||
@@ -866,6 +917,12 @@ defineExpose({ changeCommentVoteoption, wipeCommentVoteoption, reviewsComment, b
|
||||
padding: 20px;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.el-input__count {
|
||||
left: 10px;
|
||||
bottom: -40px;
|
||||
width: fit-content;
|
||||
}
|
||||
}
|
||||
.automatic-bottom {
|
||||
justify-content: flex-end;
|
||||
|
||||
Reference in New Issue
Block a user