1
0
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:
elsiosanchez 2020-04-27 16:36:40 -04:00 committed by GitHub
parent 5b3efd7a66
commit a5860e036d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -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>