40 lines
884 B
Vue
40 lines
884 B
Vue
<script setup>
|
|
import { useI18n } from 'vue-i18n'
|
|
import {message} from '@/components/x-message/useMessage.js'
|
|
// message.success('success')
|
|
useHead({
|
|
title: useI18n().t('appSetting.appName'),
|
|
meta: [
|
|
{ name: 'description', content: useI18n().t('appSetting.appDescription') },
|
|
{ name: 'keywords', content: useI18n().t('appSetting.appKeyWords') },
|
|
],
|
|
})
|
|
const color = useColorMode()
|
|
const mode = computed(() => {
|
|
return color.value
|
|
})
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<VanConfigProvider :theme="mode" >
|
|
<NuxtLoadingIndicator
|
|
color="repeating-linear-gradient(to right,var(--c-primary) 0%,var(--c-primary-active) 100%)" />
|
|
<NuxtLayout>
|
|
<NuxtPage/>
|
|
</NuxtLayout>
|
|
</VanConfigProvider>
|
|
</template>
|
|
|
|
<style>
|
|
.page-enter-active,
|
|
.page-leave-active {
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.page-enter-from,
|
|
.page-leave-to {
|
|
opacity: 0;
|
|
filter: blur(1rem);
|
|
}
|
|
</style> |