feat(i18n): 添加主页国际化支持并优化页面布局

- 在 AppHeader 组件中添加国际化支持,根据路由元数据动态显示标题
- 在主页页面中添加页面元数据,包括布局、标题和国际化标识
- 优化 AppHeader 组件结构,提高可维护性
This commit is contained in:
xingyy 2025-01-13 09:57:40 +08:00
parent e5fdd4e7ef
commit 37b7147eb3
2 changed files with 8 additions and 2 deletions

View File

@ -1,4 +1,4 @@
<script setup lang="ts">
<script setup>
import { useAppFooterRouteNames as routeWhiteList } from '~/config'
const route = useRoute()
@ -29,7 +29,8 @@ const showLeftArrow = computed(() => route.name && routeWhiteList.includes(route
placeholder clickable fixed
@click-left="onBack"
>
<template #title>
<template #title v-if="route.meta.i18n==='menu.home'">
<div class="flex flex-col items-center justify-center">
<div class="text-#000000 text-17px mb-5px font-600">京都拍卖会</div>
<div class="text-#939393 text-10px line-height-none font-100">2025.01.18 蒙娜丽莎的微笑</div>

View File

@ -3,6 +3,11 @@ import liveBroadcast from '@/components/liveBroadcast/index.vue'
import { useRect } from '@vant/use';
import itemDetail from '@/components/itemDetail/index.vue'
definePageMeta({
layout: 'default',
title: '主页',
i18n: 'menu.home',
})
const liveRef=ref(null)
const loading = ref(false)
const finished = ref(false)