yvan
/
Study
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 修复顶栏模式bug和侧栏无图标的bug

This commit is contained in:
pixelmaxQM 2025-04-21 23:14:53 +08:00
parent 09cb29da17
commit 54595d46e5
2 changed files with 35 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
web/src/view/layout/aside/asideComponent/menuItem.vue
View File

@ -5,31 +5,20 @@
height: sideHeight height: sideHeight
}" }"
> >
<template #title> <el-icon v-if="routerInfo.meta.icon">
<div <component :is="routerInfo.meta.icon" />
v-if="!isCollapse" </el-icon>
class="flex items-center" <template v-else>
:style="{ {{ routerInfo.meta.title[0] }}
height: sideHeight </template>
}" <template #title>
> {{ routerInfo.meta.title }}
<el-icon v-if="routerInfo.meta.icon">
<component :is="routerInfo.meta.icon" />
</el-icon>
<span>{{ routerInfo.meta.title }}</span>
</div>
<template v-else>
<el-icon v-if="routerInfo.meta.icon">
<component :is="routerInfo.meta.icon" />
</el-icon>
<span>{{ routerInfo.meta.title }}</span>
</template>
</template> </template>
</el-menu-item> </el-menu-item>
</template> </template>
<script setup> <script setup>
import { computed } from 'vue' import {computed, inject} from 'vue'
import { useAppStore } from '@/pinia' import { useAppStore } from '@/pinia'
import { storeToRefs } from 'pinia' import { storeToRefs } from 'pinia'
const appStore = useAppStore() const appStore = useAppStore()

2
web/src/view/layout/aside/sidebarMode.vue
View File

@ -31,7 +31,7 @@
</el-icon> </el-icon>
<template v-else> <template v-else>
{{ item.meta.title[0] }} {{ item.meta.title[0] }}
</template> </template>
<template #title> <template #title>
{{ item.meta.title }} {{ item.meta.title }}
</template> </template>