lbqms-ui.git - Gitblit

			@@ -3,7 +3,7 @@
			<router-view v-slot="{ Component, route }">
			<transition :enter-active-class="animante" mode="out-in">
			<keep-alive :include="tagsViewStore.cachedViews">
			<component v-if="!route.meta.link" :is="Component" :key="route.path" />
			<component :is="Component" v-if="!route.meta.link" :key="route.path" />
			</keep-alive>
			</transition>
			</router-view>
			@@ -14,22 +14,25 @@
			<script setup name="AppMain" lang="ts">
			import useTagsViewStore from '@/store/modules/tagsView';
			import useSettingsStore from '@/store/modules/settings';
			import IframeToggle from './IframeToggle/index.vue'
			import { ComponentInternalInstance } from "vue";
			import IframeToggle from './IframeToggle/index.vue';
			const { proxy } = getCurrentInstance() as ComponentInternalInstance;
			const tagsViewStore = useTagsViewStore();

			// 随机动画集合
			const animante = ref<string>('');
			const animationEnable = ref(useSettingsStore().animationEnable);
			watch(()=> useSettingsStore().animationEnable, (val) => {
			watch(
			() => useSettingsStore().animationEnable,
			(val) => {
			animationEnable.value = val;
			if (val) {
			animante.value = proxy?.animate.animateList[Math.round(Math.random() * proxy?.animate.animateList.length)] as string;
			animante.value = proxy?.animate.animateList[Math.round(Math.random() * proxy?.animate.animateList.length)] as string;
			} else {
			animante.value = proxy?.animate.defaultAnimate as string;
			animante.value = proxy?.animate.defaultAnimate as string;
			}
			}, { immediate: true });
			},
			{ immediate: true }
			);
			</script>

			<style lang="scss" scoped>
			@@ -41,7 +44,7 @@
			overflow: hidden;
			}

			.fixed-header+.app-main {
			.fixed-header + .app-main {
			padding-top: 50px;
			}

			@@ -51,7 +54,7 @@
			min-height: calc(100vh - 84px);
			}

			.fixed-header+.app-main {
			.fixed-header + .app-main {
			padding-top: 84px;
			}
			}