diff --git a/app/app.vue b/app/app.vue
index bb799f9..70b0f8c 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -1,10 +1,14 @@
 <script setup lang="ts">
 import type { ConfigProviderTheme } from 'vant'
 import useKeepalive from '~/composables/keepalive'
-import { appName } from '~/constants'
+import { appName, appDescription } from '~/constants'
+import { useI18n } from 'vue-i18n'
 
 useHead({
-  title: appName,
+  title: useI18n().t('appSetting.appName'),
+  meta: [
+    { name: 'description', content: useI18n().t('appSetting.appDescription') },
+  ],
 })
 
 const color = useColorMode()
@@ -20,9 +24,23 @@ const keepAliveRouteNames = computed(() => {
 
 <template>
   <VanConfigProvider :theme="mode">
-    <NuxtLoadingIndicator color="repeating-linear-gradient(to right,var(--c-primary) 0%,var(--c-primary-active) 100%)" />
+    <NuxtLoadingIndicator
+      color="repeating-linear-gradient(to right,var(--c-primary) 0%,var(--c-primary-active) 100%)" />
     <NuxtLayout>
       <NuxtPage :keepalive="{ include: keepAliveRouteNames }" />
     </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>
\ No newline at end of file
diff --git a/app/constants/index.ts b/app/constants/index.ts
index 25a1245..57810b2 100644
--- a/app/constants/index.ts
+++ b/app/constants/index.ts
@@ -1,2 +1,2 @@
-export const appName = 'nuxt-vant-mobile'
-export const appDescription = 'Nuxt H5 Starter Template'
+export const appName = '豐和'
+export const appDescription = '泰丰国际京都拍卖会'