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-31 14:54:10 +08:00
parent e86d7d945c
commit a35823a108
34 changed files with 311 additions and 267 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
components/DetailsComments.vue
View File

@@ -497,7 +497,7 @@ const postCommentFocusBlur = () => {
}, 200)
}
defineExpose({ changeCommentVoteoption, wipeCommentVoteoption, reviewsComment, bottomNavigationBar })
defineExpose({ changeCommentVoteoption, wipeCommentVoteoption, reviewsComment, bottomNavigationBar, closeAnswerCommentsChild })
</script>
<style scoped lang="less">
@@ -765,29 +765,17 @@ defineExpose({ changeCommentVoteoption, wipeCommentVoteoption, reviewsComment, b
.comments-input-box {
margin-top: 13px;
margin-bottom: 10px;
// margin-bottom: 10px;
height: 0;
overflow: hidden;
// overflow: hidden;
transition: all 0.3s;
position: relative;
z-index: 11;
&.comments-input-box-show {
height: 184px;
overflow: visible;
}
.comments-input {
// width: 519px;
flex: 1;
// height: 60px;
border: 1px solid rgba(215, 215, 215, 1);
// border-right: none;
border-radius: 8px;
// margin-right: 16px;
position: relative;
z-index: 1;
background-color: #fff;
// overflow: visible;
margin-bottom: 10px;
&::after {
content: "";
@@ -802,16 +790,64 @@ defineExpose({ changeCommentVoteoption, wipeCommentVoteoption, reviewsComment, b
z-index: -1;
}
.comments-input {
border: 1px solid rgba(215, 215, 215, 1);
background-color: #fff;
/deep/ textarea {
height: 140px;
padding: 10px;
min-height: 40px !important;
overflow: auto;
}
/deep/ .el-input__count {
display: block;
}
.operate-bottom {
display: flex;
}
}
}
.comments-input {
flex: 1;
// border: 1px solid rgba(215, 215, 215, 1);
border-color: #fff;
border-radius: 8px;
position: relative;
z-index: 1;
// background-color: #fff;
// height: 0;
// overflow: hidden;
// &::after {
// content: "";
// width: 20px;
// height: 20px;
// display: block;
// background-color: rgba(215, 215, 215, 1);
// position: absolute;
// top: -2px;
// left: 21px;
// transform: rotate(45deg);
// z-index: -1;
// }
transition: all 0.3s;
/deep/ textarea {
border: none;
outline: none;
resize: none;
padding: 10px;
// border-radius: 7px 0 0 7px;
border-radius: 8px;
font-size: 14px;
width: 100%;
height: 140px;
height: 0;
padding: 0 10px;
min-height: 0 !important;
transition: all 0.2s;
overflow: hidden;
}
/deep/ .el-textarea__inner {
@@ -822,20 +858,20 @@ defineExpose({ changeCommentVoteoption, wipeCommentVoteoption, reviewsComment, b
left: 10px;
bottom: -32px;
width: fit-content;
display: none;
}
.operate-bottom {
justify-content: flex-end;
display: none;
transition: all 0.3s;
.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;
@@ -850,12 +886,6 @@ defineExpose({ changeCommentVoteoption, wipeCommentVoteoption, reviewsComment, b
}
}
}
.forkfork {
width: 12px;
height: 12px;
cursor: pointer;
}
}
}