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", "photoswipe": "^5.2.8",
"postcss": "^8.4.5", "postcss": "^8.4.5",
"quill": "^1.3.7", "quill": "^1.3.7",
"quill-mention-hi": "^3.1.0-3", "quill-mention-hi": "^3.1.0-4",
"resolve-url-loader": "^4.0.0", "resolve-url-loader": "^4.0.0",
"sass": "~1.32.13", "sass": "~1.32.13",
"sass-loader": "^12.6.0", "sass-loader": "^12.6.0",

View File

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

View File

@ -137,7 +137,7 @@
</div> </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"> <div class="position-label" @click="onPositionMark">
<Icon v-if="positionLoad > 0" type="ios-loading" class="icon-loading"></Icon> <Icon v-if="positionLoad > 0" type="ios-loading" class="icon-loading"></Icon>
<i v-else class="taskfont">&#xe624;</i> <i v-else class="taskfont">&#xe624;</i>

View File

@ -33,13 +33,13 @@
transform: translate(-50%, -50%) scale(2.5); 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; .chat-record {
z-index: -1; position: absolute;
height: 100%; top: 0;
width: 100%; left: 0;
background-color: #ffffff; z-index: -1;
display: flex; height: 100%;
flex-direction: column; width: 100%;
align-items: center; background-color: #ffffff;
justify-content: flex-end; display: flex;
pointer-events: none; flex-direction: column;
visibility: hidden; align-items: center;
opacity: 0; justify-content: flex-end;
> div { pointer-events: none;
flex: 1; visibility: hidden;
width: 100%; opacity: 0;
max-height: 46px; > div {
display: flex; flex: 1;
flex-direction: column; width: 100%;
justify-content: flex-end; 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-box {
.chat-input-wrapper { .chat-input-wrapper {
background-color: #ffffff; background-color: #ffffff;
.chat-toolbar { .chat-record {
> li { margin-left: -10px;
&.chat-record-recwave { width: calc(100% + 20px);
margin-left: -10px; background-color: #f8f8f8;
width: calc(100% + 20px);
background-color: #f8f8f8;
}
}
} }
} }
.chat-emoji-wrapper { .chat-emoji-wrapper {

View File

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