ewide/zsxt_nbzs_h5
22
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update 加载遮罩

Browse Source
This commit is contained in:
自带大佬气场
2021-05-30 17:20:57 +08:00
parent 2cfd7bdb05
commit acfaea8463
2 changed files with 36 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
Web/src/assets/style/main.less
View File

@@ -16,6 +16,21 @@
@header-search-icon-color: fade(@white, 60%), @header-search-icon-color: fade(@white, 60%),
@header-search-icon-hover-color: @white, @header-search-icon-hover-color: @white,
) { ) {
.yo-layout--spin {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
>div>.ant-spin {
max-height: none;
}
>.ant-spin-container {
width: 100%;
height: 100%;
}
}
.ant-layout-header { .ant-layout-header {
.header-actions { .header-actions {
display: flex; display: flex;

3
Web/src/views/main/index.vue
View File

@@ -1,5 +1,7 @@
<template> <template>
<section> <section>
<a-spin :spinning="nav.loading" class="yo-layout--spin">
<a-icon :style="{ fontSize: '24px' }" slot="indicator" spin type="loading" />
<a-layout <a-layout
:class="{ :class="{
[`yo-layout--top-nav--${$root.global.settings.container}`]: $root.global.settings.layout === 'top-nav', [`yo-layout--top-nav--${$root.global.settings.container}`]: $root.global.settings.layout === 'top-nav',
@@ -24,6 +26,7 @@
<Sider :nav="nav" v-if="$root.global.settings.layout === 'right-menu'" /> <Sider :nav="nav" v-if="$root.global.settings.layout === 'right-menu'" />
</a-layout> </a-layout>
<Setting :visible="setting.visible" @close="setting.visible = false" /> <Setting :visible="setting.visible" @close="setting.visible = false" />
</a-spin>
</section> </section>
</template> </template>
<script> <script>