From c75027743ea7c3ecc2d0885f01d11d2ad78679a3 Mon Sep 17 00:00:00 2001
From: yxh <172933527@qq.com>
Date: 星期五, 23 十月 2026 14:23:26 +0800
Subject: [PATCH] Merge branch 'yxh' of http://116.62.18.175:6699/r/~yxh/opo-web
---
src/assets/styles/sidebar.scss | 46 +++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 41 insertions(+), 5 deletions(-)
diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss
index bb91f3f..f28a921 100644
--- a/src/assets/styles/sidebar.scss
+++ b/src/assets/styles/sidebar.scss
@@ -67,17 +67,23 @@
width: 100% !important;
}
+ // 鑿滃崟瀛楀彿锛氭瘮姝ｆ枃澶т袱鍙凤紙姝ｆ枃 16px 鈫� 鑿滃崟 18px锛�
+ .el-menu-item,
+ .el-submenu__title {
+ font-size: $opo-font-size-menu;
+ }
+
.el-menu-item, .el-submenu__title {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
- // menu hover
+ // menu hover锛堟繁鑹插簳涓婄敤閫忕櫧锛屽師鏉� rgba(0,0,0,.06) 鍦ㄦ繁鑹蹭笂鐪嬩笉鍑烘潵锛�
.submenu-title-noDropdown,
.el-submenu__title {
&:hover {
- background-color: rgba(0, 0, 0, 0.06) !important;
+ background-color: rgba(255, 255, 255, 0.08) !important;
}
}
@@ -90,7 +96,7 @@
min-width: $base-sidebar-width !important;
&:hover {
- background-color: rgba(0, 0, 0, 0.06) !important;
+ background-color: rgba(255, 255, 255, 0.08) !important;
}
}
@@ -101,6 +107,36 @@
&:hover {
background-color: $base-sub-menu-hover !important;
}
+ }
+
+ // ---- 褰撳墠閫変腑鑿滃崟楂樹寒 ----
+ // 鍘熺姸锛欵lement 缂栬瘧鍑虹殑 .el-menu-item.is-active 鏄富鑹叉枃瀛楋紝
+ // 鍦ㄥ悓鏍锋槸闈掕壊鐨勬繁鑹蹭晶杈规爮涓婂嚑涔庣湅涓嶈 鈫� 鏀逛负"鍝佺墝闈掑疄搴� + 鐧藉瓧 + 宸︿晶浜潯"
+ & .el-menu-item.is-active {
+ position: relative;
+ color: #ffffff !important;
+ background-color: $opo-primary !important;
+ font-weight: 500;
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ width: 3px;
+ background-color: #ffffff;
+ }
+
+ &:hover {
+ background-color: $opo-primary !important;
+ }
+ }
+
+ // 鐖剁骇鍒嗙粍鍙槸"鍖呭惈閫変腑椤�"锛岀敤寮变竴鐐圭殑搴曡壊锛岄伩鍏嶅拰鍙跺瓙椤逛竴鏍烽噸
+ & .el-submenu.is-active > .el-submenu__title {
+ background-color: rgba(255, 255, 255, 0.1) !important;
+ color: #ffffff !important;
}
}
@@ -198,8 +234,8 @@
.nest-menu .el-submenu>.el-submenu__title,
.el-menu-item {
&:hover {
- // you can use $subMenuHover
- background-color: rgba(0, 0, 0, 0.06) !important;
+ // 娣辫壊鑿滃崟鐢ㄩ�忕櫧瑕嗙洊
+ background-color: rgba(255, 255, 255, 0.08) !important;
}
}
--
Gitblit v1.9.3