From 647143f53034653d9a1a2f74aaf051d868cd37a7 Mon Sep 17 00:00:00 2001
From: 田源 <tianyuan@vci-tech.com>
Date: 星期五, 27 十二月 2024 14:28:54 +0800
Subject: [PATCH] 菜单图标放大以及图标错乱问题
---
Source/plt-web/plt-web-ui/src/page/index/sidebar/sidebarItem.vue | 20 +++++++++++++++++---
1 files changed, 17 insertions(+), 3 deletions(-)
diff --git a/Source/plt-web/plt-web-ui/src/page/index/sidebar/sidebarItem.vue b/Source/plt-web/plt-web-ui/src/page/index/sidebar/sidebarItem.vue
index 3762f5b..90eadcd 100644
--- a/Source/plt-web/plt-web-ui/src/page/index/sidebar/sidebarItem.vue
+++ b/Source/plt-web/plt-web-ui/src/page/index/sidebar/sidebarItem.vue
@@ -14,9 +14,11 @@
:key="item[labelKey]"
:index="item[pathKey]">
<template slot="title">
- <i :class="item[iconKey]" style="margin-right: 10px"></i>
+ <div style="display: flex">
+ <icon-show :name="item[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show>
<span slot="title"
:class="{'el-menu--display':collapse && first}">{{ generateTitle(item) }}</span>
+ </div>
</template>
<template v-for="(child,cindex) in item[childrenKey]">
<el-menu-item v-if="validatenull(child[childrenKey])"
@@ -24,8 +26,10 @@
:class="{'is-active':vaildActive(child)}"
:index="child[pathKey],cindex"
@click="open(child)">
- <i :class="child[iconKey]" style="margin-right: 10px"></i>
- <span slot="title">{{ generateTitle(child) }}</span>
+ <div style="display: flex">
+ <icon-show :name="child[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show>
+ <span slot="title">{{ generateTitle(child) }}</span>
+ </div>
</el-menu-item>
<sidebar-item v-else
:key="cindex"
@@ -77,6 +81,9 @@
},
computed: {
...mapGetters(["roles"]),
+ iconSize() {
+ return this.collapse ? '20px' : '16px';
+ },
labelKey() {
return this.props.label || this.config.propsDefault.label;
},
@@ -152,6 +159,13 @@
outline: 0;
background-color: #060708;
}
+
+.iconShowSpan{
+ display: inline-block;
+ margin-top: -2px;
+ margin-right: 10px;
+ color: #eeeeea;
+}
</style>
--
Gitblit v1.9.3