Kaynağa Gözat

添加选择菜单背景颜色

RuoYi 5 yıl önce
ebeveyn
işleme
bf49b35978

+ 30 - 0
ruoyi-admin/src/main/resources/static/css/skins.css

@@ -9,6 +9,12 @@
 	background-color: #3c8dbc
 }
 
+.skin-blue .navbar-default .nav>li.selected>a,
+.skin-blue .navbar-default .nav>li.selected>a:focus {
+	background-color: #1890ff;
+    color: rgba(255,255,255,1);
+}
+
 .skin-blue .navbar .nav>li>a {
 	color: #fff
 }
@@ -188,6 +194,12 @@
 	background-color: #00a65a;
 }
 
+.skin-green .navbar-default .nav>li.selected>a,
+.skin-green .navbar-default .nav>li.selected>a:focus {
+	background-color: #52c41a;
+    color: rgba(255,255,255,1);
+}
+
 .skin-green .content-tabs {
 	border-bottom: 1px solid #e5e5e5;
 }
@@ -347,6 +359,12 @@
 	background-color: #dd4b39
 }
 
+.skin-red .navbar-default .nav>li.selected>a,
+.skin-red .navbar-default .nav>li.selected>a:focus {
+	background-color: #f5222d;
+    color: rgba(255,255,255,1);
+}
+
 .skin-red .navbar .nav>li>a {
 	color: #fff
 }
@@ -506,6 +524,12 @@
 	background-color: #f39c12
 }
 
+.skin-yellow .navbar-default .nav>li.selected>a,
+.skin-yellow .navbar-default .nav>li.selected>a:focus {
+	background-color: #faad14;
+    color: rgba(255,255,255,1);
+}
+
 .skin-yellow .navbar .nav>li>a {
 	color: #fff
 }
@@ -665,6 +689,12 @@
 	background-color: #605ca8
 }
 
+.skin-purple .navbar-default .nav>li.selected>a,
+.skin-purple .navbar-default .nav>li.selected>a:focus {
+	background-color: #722ed1;
+    color: rgba(255,255,255,1);
+}
+
 .skin-purple .navbar .nav>li>a {
 	color: #fff
 }

+ 2 - 2
ruoyi-admin/src/main/resources/static/ruoyi/index.js

@@ -217,8 +217,8 @@ $(function() {
         dataIndex = $(this).data('index'),
         menuName = $.trim($(this).text()),
         flag = true;
-        $(".nav ul li").removeClass("active");
-        $(this).parent("li").addClass("active");
+        $(".nav ul li").removeClass("selected");
+        $(this).parent("li").addClass("selected");
         if (dataUrl == undefined || $.trim(dataUrl).length == 0) return false;
 
         // 选项卡菜单已存在