From a9196bbdf71d37ff69533e1993507f4bb46dd349 Mon Sep 17 00:00:00 2001
From: RuoYi <yzz_ivy@163.com>
Date: 星期四, 31 八月 2023 10:02:21 +0800
Subject: [PATCH] 优化菜单样式
---
src/components/TopNav/index.vue | 15 ++++++++++++++-
src/layout/components/TagsView/index.vue | 2 +-
2 files changed, 15 insertions(+), 2 deletions(-)
diff --git a/src/components/TopNav/index.vue b/src/components/TopNav/index.vue
index 58b2000..b93f585 100644
--- a/src/components/TopNav/index.vue
+++ b/src/components/TopNav/index.vue
@@ -7,7 +7,10 @@
>
<template v-for="(item, index) in topMenus">
<el-menu-item :style="{'--theme': theme}" :index="item.path" :key="index" v-if="index < visibleNumber"
- ><svg-icon :icon-class="item.meta.icon" />
+ ><svg-icon
+ v-if="item.meta && item.meta.icon && item.meta.icon !== '#'"
+ :icon-class="item.meta.icon"
+ />
{{ item.meta.title }}</el-menu-item
>
</template>
@@ -189,4 +192,14 @@
padding: 0 5px !important;
margin: 0 10px !important;
}
+
+/* 鑳屾櫙鑹查殣钘� */
+.topmenu-container.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus, .topmenu-container.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover, .topmenu-container.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
+ background-color: #ffffff !important;
+}
+
+/* 鍥炬爣鍙抽棿璺� */
+.topmenu-container .svg-icon {
+ margin-right: 4px;
+}
</style>
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index c6ebdba..2a7a7b0 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -280,7 +280,7 @@
height: 8px;
border-radius: 50%;
position: relative;
- margin-right: 2px;
+ margin-right: 5px;
}
}
}
--
Gitblit v1.9.3