diff --git a/ruoyi-admin/src/main/resources/static/css/skins.css b/ruoyi-admin/src/main/resources/static/css/skins.css index 02f42133..0a6283da 100644 --- a/ruoyi-admin/src/main/resources/static/css/skins.css +++ b/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 } diff --git a/ruoyi-admin/src/main/resources/static/ruoyi/index.js b/ruoyi-admin/src/main/resources/static/ruoyi/index.js index 77cf5a50..6cde2b7f 100644 --- a/ruoyi-admin/src/main/resources/static/ruoyi/index.js +++ b/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; // 选项卡菜单已存在