fix: 更新导致的小问题

This commit is contained in:
Pang 2023-12-21 23:43:50 +08:00
parent d26df91960
commit dd8ba7e8da
6 changed files with 42 additions and 47 deletions

View File

@ -47,7 +47,7 @@
"photoswipe": "^5.2.8",
"postcss": "^8.4.5",
"quill": "^1.3.7",
"quill-mention-hi": "^3.1.0-3",
"quill-mention-hi": "^3.1.0-4",
"resolve-url-loader": "^4.0.0",
"sass": "~1.32.13",
"sass-loader": "^12.6.0",

View File

@ -157,11 +157,11 @@
</div>
</EPopover>
</li>
<!-- 录音效果 -->
<li class="chat-record-recwave"><div ref="recwave"></div></li>
</ul>
<!-- 录音效果 -->
<div class="chat-record"><div ref="recwave"></div></div>
<!-- 覆盖层 -->
<div class="chat-cover" @click.stop="onClickCover"></div>
</div>

View File

@ -137,7 +137,7 @@
</div>
<!--跳转提示-->
<div v-if="readEnabled && positionMsg" class="dialog-position" :class="{'down': tagShow}">
<div v-if="listPreparedStatus && positionMsg" class="dialog-position" :class="{'down': tagShow}">
<div class="position-label" @click="onPositionMark">
<Icon v-if="positionLoad > 0" type="ios-loading" class="icon-loading"></Icon>
<i v-else class="taskfont">&#xe624;</i>

View File

@ -33,13 +33,13 @@
transform: translate(-50%, -50%) scale(2.5);
}
}
&.chat-record-recwave {
visibility: visible;
opacity: 1;
z-index: 1;
}
}
}
.chat-record {
visibility: visible;
opacity: 1;
z-index: 1;
}
}
}
@ -288,30 +288,31 @@
}
}
}
&.chat-record-recwave {
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
width: 100%;
background-color: #ffffff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
pointer-events: none;
visibility: hidden;
opacity: 0;
> div {
flex: 1;
width: 100%;
max-height: 46px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
}
}
}
.chat-record {
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
width: 100%;
background-color: #ffffff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
pointer-events: none;
visibility: hidden;
opacity: 0;
> div {
flex: 1;
width: 100%;
max-height: 46px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
}

View File

@ -2172,14 +2172,10 @@ body.window-portrait {
.chat-input-box {
.chat-input-wrapper {
background-color: #ffffff;
.chat-toolbar {
> li {
&.chat-record-recwave {
margin-left: -10px;
width: calc(100% + 20px);
background-color: #f8f8f8;
}
}
.chat-record {
margin-left: -10px;
width: calc(100% + 20px);
background-color: #f8f8f8;
}
}
.chat-emoji-wrapper {

View File

@ -631,11 +631,9 @@
.chat-toolbar {
right: 4px;
bottom: 0;
> li {
&.chat-record-recwave {
background-color: #F4F5F7;
}
}
}
.chat-record {
background-color: #F4F5F7;
}
}
}