github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-02-10 00:18:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 优化消息加载中效果

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
resources/assets/js/pages/manage/components/DialogWrapper.vue
View File

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

12
resources/assets/sass/pages/components/dialog-wrapper.scss vendored
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 { .dialog-footer {
position: relative; position: relative;
padding: 0 24px; padding: 0 24px;