perf: 优化消息加载中效果

This commit is contained in:
kuaifan 2024-04-17 09:32:53 +08:00
parent 8d39b4aa0d
commit ee9cf0a6b6
2 changed files with 17 additions and 0 deletions

View File

@ -207,6 +207,11 @@
</div>
</template>
</VirtualList>
<!-- 浮动加载中 -->
<div v-if="!headShowBox && loadIng > 0 && allMsgs.length === 0" class="dialog-float-loading">
<Loading/>
</div>
</div>
<!--底部输入-->

View File

@ -1649,6 +1649,18 @@
}
}
.dialog-float-loading {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.8);
}
.dialog-footer {
position: relative;
padding: 0 24px;