|
@@ -1,20 +1,18 @@
|
|
|
<template>
|
|
|
<div class="layout-parent">
|
|
|
<router-view v-slot="{ Component }">
|
|
|
- <Suspense>
|
|
|
- <transition :name="setTransitionName" mode="out-in">
|
|
|
+ <transition :name="setTransitionName" mode="out-in">
|
|
|
+ <Suspense>
|
|
|
<keep-alive :include="getKeepAliveNames">
|
|
|
<component :is="Component" :key="state.refreshRouterViewKey" class="w100" v-show="!isIframePage" />
|
|
|
</keep-alive>
|
|
|
- </transition>
|
|
|
- <template #fallback>
|
|
|
- <el-card style="margin:15px" shadow="never">
|
|
|
- <div class="flex-center-center">
|
|
|
- <SvgIcon name="ele-Loading" class="mr5 loading" size="18px"></SvgIcon> 加载中,请稍后...
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- </template>
|
|
|
- </Suspense>
|
|
|
+ <template #fallback>
|
|
|
+ <el-card style="margin: 15px" shadow="never">
|
|
|
+ <div class="flex-center-center"><SvgIcon name="ele-Loading" class="mr5 loading" size="18px"></SvgIcon> 加载中,请稍后...</div>
|
|
|
+ </el-card>
|
|
|
+ </template>
|
|
|
+ </Suspense>
|
|
|
+ </transition>
|
|
|
</router-view>
|
|
|
<transition :name="setTransitionName" mode="out-in">
|
|
|
<Iframes class="w100" v-show="isIframePage" :refreshKey="state.iframeRefreshKey" :name="setTransitionName" :list="state.iframeList" />
|
|
@@ -112,14 +110,14 @@ watch(
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
@keyframes arrow-circle {
|
|
|
- 0% {
|
|
|
- transform: rotate(360deg);
|
|
|
- }
|
|
|
- 100% {
|
|
|
- transform: rotate(0);
|
|
|
- }
|
|
|
+ 0% {
|
|
|
+ transform: rotate(360deg);
|
|
|
+ }
|
|
|
+ 100% {
|
|
|
+ transform: rotate(0);
|
|
|
+ }
|
|
|
}
|
|
|
-.loading{
|
|
|
- animation: arrow-circle 1.2s linear infinite;
|
|
|
+.loading {
|
|
|
+ animation: arrow-circle 1.2s linear infinite;
|
|
|
}
|
|
|
</style>
|