1
0
mirror of https://github.com/PanJiaChen/vue-element-admin.git synced 2025-08-13 23:20:12 +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> <template>
<el-container <el-container
v-if="isLoaded"
key="form-loaded" key="form-loaded"
class="view-base" class="view-base"
style="height: 84vh;" style="height: 84vh;"
@ -16,6 +15,7 @@
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="24"> <el-col :span="24">
<el-card <el-card
v-if="isLoaded"
class="content-collapse" class="content-collapse"
:style="isEmptyValue(metadata.fieldList) ? 'height: 75vh !important;' : ''" :style="isEmptyValue(metadata.fieldList) ? 'height: 75vh !important;' : ''"
> >
@ -57,19 +57,19 @@
<!-- emulated component form --> <!-- emulated component form -->
</el-card> </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-col>
</el-row> </el-row>
</el-main> </el-main>
</el-container> </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> </template>
<script> <script>