update 优化空状态
This commit is contained in:
@@ -1,6 +1,12 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="app">
|
<div id="app">
|
||||||
<a-config-provider :locale="zh_CN">
|
<a-config-provider :locale="zh_CN">
|
||||||
|
<template #renderEmpty>
|
||||||
|
<div class="text-center pt-md">
|
||||||
|
<a-icon class="h3 mb-md" type="smile" />
|
||||||
|
<p>暂无数据</p>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
<router-view />
|
<router-view />
|
||||||
</a-config-provider>
|
</a-config-provider>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
@import (reference) '~@/assets/style/main.less';
|
@import (reference) '~@/assets/style/main.less';
|
||||||
|
@layout-header-background: #1c2127;
|
||||||
.dark {
|
.dark {
|
||||||
.main(@nav-background: @layout-header-background;
|
.main(@nav-background: @layout-header-background;
|
||||||
@nav-box-shadow-color: fade(@black, 25%);
|
@nav-box-shadow-color: fade(@black, 25%);
|
||||||
|
|||||||
@@ -114,6 +114,7 @@ export default {
|
|||||||
this.data = this.onClearChildren(res)
|
this.data = this.onClearChildren(res)
|
||||||
this.pagination = false
|
this.pagination = false
|
||||||
}
|
}
|
||||||
|
}).finally(() => {
|
||||||
this.onLoaded()
|
this.onLoaded()
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
import Swiper from 'swiper'
|
import Swiper from 'swiper'
|
||||||
|
import { Empty } from 'ant-design-vue'
|
||||||
|
|
||||||
let timer, swiper
|
let timer, swiper
|
||||||
|
|
||||||
@@ -107,7 +108,7 @@ export default {
|
|||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.onUpdateSwiper()
|
this.onUpdateSwiper()
|
||||||
})
|
})
|
||||||
|
}).finally(() => {
|
||||||
this.loading = false
|
this.loading = false
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
@@ -256,7 +257,17 @@ export default {
|
|||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
<a-spin style={{ height: '100%' }} spinning={this.loading}>
|
<a-spin style={{ height: '100%' }} spinning={this.loading}>
|
||||||
<a-icon slot="indicator" type="loading" spin />
|
<a-icon slot="indicator" type="loading" spin />
|
||||||
|
{
|
||||||
|
!this.loading && !this.list.length ?
|
||||||
|
<a-empty description={false} class="ant-list-empty-text">
|
||||||
|
<template slot="image">
|
||||||
|
<a-icon class="h3 mt-xl mb-md" type="smile" />
|
||||||
|
<p>暂无数据</p>
|
||||||
|
</template>
|
||||||
|
</a-empty>
|
||||||
|
:
|
||||||
<a-tree {...{ props, on, scopedSlots }} />
|
<a-tree {...{ props, on, scopedSlots }} />
|
||||||
|
}
|
||||||
</a-spin>
|
</a-spin>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user