From 72932dd999c97b14fa561002d332520985178cf5 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期五, 06 一月 2023 11:31:38 +0800
Subject: [PATCH] 1.表格拖动加上
---
src/layout/components/AppMain.vue | 37 ++++++++++++++++++++++++++++++++-----
1 files changed, 32 insertions(+), 5 deletions(-)
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 8f4c279..0cec99b 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -1,10 +1,37 @@
<template>
<section class="app-main">
- <transition name="fade-transform" mode="out-in">
+
+ <!-- 1.鍒濆绫诲瀷 fade-transform-->
+ <div v-if="$store.state.settings.animationType==='fade-transform'">
+ <transition name="fade-transform" mode="out-in">
+ <keep-alive :include="cachedViews">
+ <router-view :key="key" />
+ </keep-alive>
+ </transition>
+ </div>
+ <!--2.鏃犵被鍨� none-->
+ <div v-else-if="$store.state.settings.animationType==='none'">
<keep-alive :include="cachedViews">
<router-view :key="key" />
</keep-alive>
- </transition>
+ </div>
+ <!--3.灞曞紑鎶樺彔绫诲瀷 el-collapse-transition-->
+ <div v-else-if="$store.state.settings.animationType==='el-collapse-transition'">
+ <el-collapse-transition>
+ <keep-alive :include="cachedViews">
+ <router-view :key="key" />
+ </keep-alive>
+ </el-collapse-transition>
+ </div>
+ <!--4.鍓╀笅鐨勭被鍨� -->
+ <div v-else>
+ <transition :name="$store.state.settings.animationType">
+ <keep-alive :include="cachedViews">
+ <router-view :key="key" />
+ </keep-alive>
+ </transition>
+ </div>
+
</section>
</template>
@@ -26,13 +53,13 @@
<style lang="scss" scoped>
.app-main {
/* 50= navbar 50 */
- min-height: calc(100vh - 90px);
+ min-height: calc(100vh - 100px);
width: 100%;
position: relative;
overflow: hidden;
}
-.fixed-header+.app-main {
+.fixed-header + .app-main {
padding-top: 50px;
}
@@ -42,7 +69,7 @@
min-height: calc(100vh - 84px);
}
- .fixed-header+.app-main {
+ .fixed-header + .app-main {
padding-top: 84px;
}
}
--
Gitblit v1.9.3