mirror of
https://github.com/PanJiaChen/vue-element-admin.git
synced 2025-08-10 20:39:48 +08:00
lining up loading (#465)
This commit is contained in:
parent
5b3efd7a66
commit
a5860e036d
@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<el-container
|
||||
v-if="isLoaded"
|
||||
key="form-loaded"
|
||||
class="view-base"
|
||||
style="height: 84vh;"
|
||||
@ -16,6 +15,7 @@
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="24">
|
||||
<el-card
|
||||
v-if="isLoaded"
|
||||
class="content-collapse"
|
||||
:style="isEmptyValue(metadata.fieldList) ? 'height: 75vh !important;' : ''"
|
||||
>
|
||||
@ -57,19 +57,19 @@
|
||||
<!-- emulated component form -->
|
||||
|
||||
</el-card>
|
||||
<div
|
||||
v-else
|
||||
key="form-loading"
|
||||
v-loading="!isLoaded"
|
||||
:element-loading-text="$t('notifications.loading')"
|
||||
element-loading-spinner="el-icon-loading"
|
||||
element-loading-background="rgba(255, 255, 255, 0.8)"
|
||||
class="view-loading"
|
||||
/>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-main>
|
||||
</el-container>
|
||||
<div
|
||||
v-else
|
||||
key="form-loading"
|
||||
v-loading="!isLoaded"
|
||||
:element-loading-text="$t('notifications.loading')"
|
||||
element-loading-spinner="el-icon-loading"
|
||||
element-loading-background="rgba(255, 255, 255, 0.8)"
|
||||
class="view-loading"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
Loading…
x
Reference in New Issue
Block a user