双重预防

Your Name

2022-08-01 ede67dc74f5ec5e491b102b1835d9cb5315dc6d5

 src/App.vue

@@ -1,10 +1,23 @@
<template>
    <el-config-provider :size="getGlobalComponentSize" :locale="i18nLocale">
        <router-view v-show="themeConfig.lockScreenTime > 1" />
        <LockScreen v-if="themeConfig.isLockScreen" />
        <Setings ref="setingsRef" v-show="themeConfig.lockScreenTime > 1" />
        <CloseFull v-if="!themeConfig.isLockScreen" />
    </el-config-provider>
    <!--    <transition name="fade" mode="out-in">-->
    <!--        <keep-alive :exclude="excludeList">-->
    <!--            <router-view v-if="!$route.meta.iskeepAlive" :key="$route.id"></router-view>-->
    <!--        </keep-alive>-->
    <!--    </transition>-->
    <router-view v-if="!$route.meta.iskeepAlive" v-slot="{ Component }">
        <transition name="fade" mode="in-out">
            <keep-alive :exclude="excludeList" :include="includeList">
                <component :is="Component" :key="$route.id"></component>
            </keep-alive>
        </transition>
    </router-view>
    <!--    <el-config-provider :size="getGlobalComponentSize" :locale="i18nLocale">-->
    <!--        <router-view v-show="themeConfig.lockScreenTime > 1" />-->
    <!--        <router-view v-show="themeConfig.lockScreenTime > 1" />-->
    <!--        <LockScreen v-if="themeConfig.isLockScreen" />-->
    <!--        <Setings ref="setingsRef" v-show="themeConfig.lockScreenTime > 1" />-->
    <!--        <CloseFull v-if="!themeConfig.isLockScreen" />-->
    <!--    </el-config-provider>-->
</template>

<script lang="ts">
@@ -32,7 +45,9 @@
        const storesThemeConfig = useThemeConfig();
        const { themeConfig } = storeToRefs(storesThemeConfig);
        const state = reactive({
            i18nLocale: null
            i18nLocale: null,
            excludeList: ['a-e'],
            includeList: []
        });

        // 获取全局组件大小