feat:layout部分国际化
This commit is contained in:
parent
6f15ebba05
commit
63caa3631a
@ -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
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -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"
|
||||||
|
}
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
@ -1,7 +1,13 @@
|
|||||||
|
|
||||||
export default {
|
export default {
|
||||||
topbar: {
|
topbar: {
|
||||||
github:"项目地址",
|
github:"项目地址",
|
||||||
handbook:"用户手册",
|
handbook:"用户手册",
|
||||||
forum:"论坛求助"
|
forum:"论坛求助",
|
||||||
|
MenuItem:{
|
||||||
|
application:"应用",
|
||||||
|
dataset:"知识库",
|
||||||
|
setting:"系统设置"
|
||||||
|
}
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user