feat:layout部分国际化

This commit is contained in:
tongque 2024-04-28 15:23:41 +08:00
parent 6f15ebba05
commit 63caa3631a
4 changed files with 27 additions and 9 deletions

View File

@ -35,7 +35,7 @@
@click="toUrl('https://bbs.fit2cloud.com/c/mk/11')" @click="toUrl('https://bbs.fit2cloud.com/c/mk/11')"
></AppIcon> ></AppIcon>
</el-tooltip> </el-tooltip>
<el-dropdown v-if="false" trigger="click" type="primary"> <el-dropdown v-if="true" trigger="click" type="primary">
<template #dropdown> <template #dropdown>
<el-dropdown-menu> <el-dropdown-menu>
<el-dropdown-item <el-dropdown-item

View File

@ -1,13 +1,17 @@
<template> <template>
<div <div class="menu-item-container flex-center h-full" :class="isActive ? 'active' : ''"
class="menu-item-container flex-center h-full" @click="router.push({ name: menu.name })">
:class="isActive ? 'active' : ''"
@click="router.push({ name: menu.name })"
>
<!-- <div class="icon"> <!-- <div class="icon">
<AppIcon :iconName="menu.meta ? (menu.meta.icon as string) : '404'" /> <AppIcon :iconName="menu.meta ? (menu.meta.icon as string) : '404'" />
</div> --> </div> -->
<div class="title">{{ menu.meta?.title }}</div> <div class="title">
{{
$te(`layout.topbar.MenuItem.${String(props.menu.name)}`)
? $t(`layout.topbar.MenuItem.${String(props.menu.name)}`)
: menu.meta?.title
}}
</div>
</div> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -31,11 +35,13 @@ const isActive = computed(() => {
cursor: pointer; cursor: pointer;
font-size: 16px; font-size: 16px;
position: relative; position: relative;
.icon { .icon {
font-size: 15px; font-size: 15px;
margin-right: 5px; margin-right: 5px;
margin-top: 2px; margin-top: 2px;
} }
&:hover { &:hover {
color: var(--el-color-primary); color: var(--el-color-primary);
} }
@ -43,6 +49,7 @@ const isActive = computed(() => {
.active { .active {
color: var(--el-color-primary); color: var(--el-color-primary);
&::after { &::after {
position: absolute; position: absolute;
bottom: 0; bottom: 0;

View File

@ -2,6 +2,11 @@ export default {
topbar: { topbar: {
github:"Github", github:"Github",
handbook:"Handbook", handbook:"Handbook",
forum:"Forum" forum:"Forum",
MenuItem:{
application:"application",
dataset:"dataset",
setting:"setting"
}
}, },
}; };

View File

@ -1,7 +1,13 @@
export default { export default {
topbar: { topbar: {
github:"项目地址", github:"项目地址",
handbook:"用户手册", handbook:"用户手册",
forum:"论坛求助" forum:"论坛求助",
MenuItem:{
application:"应用",
dataset:"知识库",
setting:"系统设置"
}
}, },
}; };