|
|
|
@ -10,14 +10,27 @@ import { storeToRefs } from 'pinia' |
|
|
|
import { filterMenu, getRoutePath } from "@/utils/menuUtils.js"; |
|
|
|
import SettingsIcon from '@/assets/blue.png'; |
|
|
|
|
|
|
|
// 使用import.meta.glob导入所有SVG图标 |
|
|
|
const icons = import.meta.glob('@/assets/SvgIcons/*.svg', { eager: true, import: 'default' }) |
|
|
|
// 使用import.meta.glob导入所有SVG图标(修复版本) |
|
|
|
const icons = import.meta.glob('@/assets/SvgIcons/*.svg', { eager: true }) |
|
|
|
|
|
|
|
// 创建获取图标路径的函数 |
|
|
|
// 创建获取图标路径的函数(修复版本) |
|
|
|
const getIconPath = (menuName) => { |
|
|
|
// 为菜单名添加.svg扩展名并在icons对象中查找 |
|
|
|
const iconKey = `@/assets/SvgIcons/${menuName}.svg`; |
|
|
|
return icons[iconKey] || ''; // 如果找不到,返回空字符串 |
|
|
|
|
|
|
|
// 构建可能的key格式 |
|
|
|
const possibleKeys = [ |
|
|
|
`@/assets/SvgIcons/${menuName}.svg`, |
|
|
|
`./SvgIcons/${menuName}.svg`, |
|
|
|
`/src/assets/SvgIcons/${menuName}.svg` |
|
|
|
] |
|
|
|
|
|
|
|
// 在icons对象中查找对应的图标 |
|
|
|
for (const key of possibleKeys) { |
|
|
|
if (icons[key]) { |
|
|
|
const iconModule = icons[key] |
|
|
|
// 返回模块的default属性或直接返回值 |
|
|
|
return iconModule.default || iconModule |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@ -220,6 +233,7 @@ function logout() { |
|
|
|
<div class="settings-container"> |
|
|
|
<el-dropdown placement="top-start"> |
|
|
|
<span class="el-dropdown-link"> |
|
|
|
<!-- 暂时使用静态路径,确保设置图标正常显示 --> |
|
|
|
<img src="@/assets/SvgIcons/设置.svg" alt="设置" style="width: 4vh; height: 4vh" /> |
|
|
|
<span>设置中心</span> |
|
|
|
<el-icon class="arrow-icon"> |
|
|
|
|