From a4d039cee6e2943eb025717a8fe69b4c992797a5 Mon Sep 17 00:00:00 2001 From: 田源 <tianyuan@vci-tech.com> Date: 星期一, 30 十二月 2024 11:14:11 +0800 Subject: [PATCH] 整合代码 添加系统菜单默认图标 --- Source/plt-web/plt-web-ui/src/page/index/sidebar/sidebarItem.vue | 12 ++++++++---- 1 files changed, 8 insertions(+), 4 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 c9cddc3..ca20593 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 @@ -15,7 +15,10 @@ :index="item[pathKey]"> <template slot="title"> <div style="display: flex"> - <icon-show :name="item[iconKey]" class="iconShowSpan"></icon-show> + <icon-show v-if="item[iconKey]" :name="item[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show> + <div v-else> + <i class="el-icon-setting" :font-size="iconSize"></i> + </div> <span slot="title" :class="{'el-menu--display':collapse && first}">{{ generateTitle(item) }}</span> </div> @@ -27,7 +30,7 @@ :index="child[pathKey],cindex" @click="open(child)"> <div style="display: flex"> - <icon-show :name="child[iconKey]" class="iconShowSpan"></icon-show> + <icon-show :name="child[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show> <span slot="title">{{ generateTitle(child) }}</span> </div> </el-menu-item> @@ -81,6 +84,9 @@ }, computed: { ...mapGetters(["roles"]), + iconSize() { + return this.collapse ? '20px' : '16px'; + }, labelKey() { return this.props.label || this.config.propsDefault.label; }, @@ -160,8 +166,6 @@ .iconShowSpan{ display: inline-block; margin-top: -2px; - width: 16px !important; - height: 16px !important; margin-right: 10px; color: #eeeeea; } -- Gitblit v1.9.3