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

4
components/DetailsArea.vue
View File

@@ -61,7 +61,7 @@
<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="说说你的想法或疑问…" /> -->
<el-input class="comment-input flex1" v-model="floorCommentInput" placeholder="说说你的想法或疑问…" @keydown.enter="floorCommentBtn('input')" maxlength="500" show-word-limit></el-input>
<el-input class="comment-input flex1" name="14752869" v-model="floorCommentInput" placeholder="说说你的想法或疑问…" @keydown.enter="floorCommentBtn('input')" maxlength="500" show-word-limit autocomplete="off"></el-input>
<div class="comment-btn flexcenter" @click="floorCommentBtn('input')">
<img class="comment-btn-icon" src="@/assets/img/arrow-white.svg" />
</div>
@@ -398,4 +398,4 @@ const floorCommentBtn = inject("floorCommentBtn")
transform: translateZ(0);
}
}
</style>
</style>

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;
}
}

11
components/top-head.vue
View File

@@ -6,7 +6,8 @@
<div class="search-box flexacenter">
<input class="flex1" placeholder="输入搜索关键词" v-model="keyword" @keydown.enter="searchClick()" @focus="searchFocus" @blur="searchBlur" />
<img class="search-icon" src="@/assets/img/search-icon.png" @click="searchClick" />
<div class="history-box" v-if="historicalSearchState">
<!-- <div class="history-box" :class="{'history-box-show':historicalSearchState }" v-if="historicalSearchState"> -->
<div class="history-box" :class="{ 'history-box-show': historicalSearchState }">
<div class="history-title">历史搜索</div>
<div class="history-list">
<div class="history-item ellipsis" v-for="(item, index) in historicalSearchList" :key="index" @click.stop="handleClickHistoricalItem(item)">{{ item }}</div>
@@ -203,7 +204,13 @@ defineExpose({
padding-top: 15px;
z-index: 2;
padding-bottom: 14px;
opacity: 0;
transition: all 0.3s;
pointer-events: none;
&.history-box-show {
opacity: 1;
pointer-events: all;
}
.history-title {
font-size: 13px;
color: #aaaaaa;