manager/my-worker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

一级菜单美化，圆角展示选中背景色

Browse Source
This commit is contained in:
thinkgem
2025-05-06 15:07:49 +08:00
parent 9eb21e0d80
commit 9c78772e1f
11 changed files with 84 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
common/src/main/resources/static/adminlte/css/skins/skin-blue-light2.css
View File

@@ -2,14 +2,14 @@
* http://jeesite.com
*/
a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sortable {
color:#1890ff;
color:#1677ff;
}
.main-header .navbar {
background: #1890ff;
background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #2684f5), color-stop(1, #1890ff));
background: -ms-linear-gradient(left, #2684f5, #1890ff);
background: -moz-linear-gradient(left top, #2684f5 0%, #1890ff 100%);
background: -o-linear-gradient(#1890ff, #2684f5);
background: #1677ff;
background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #2684f5), color-stop(1, #1677ff));
background: -ms-linear-gradient(left, #2684f5, #1677ff);
background: -moz-linear-gradient(left top, #2684f5 0%, #1677ff 100%);
background: -o-linear-gradient(#1677ff, #2684f5);
}
.main-header .navbar .nav > li > a {
color: #ffffff;
@@ -54,10 +54,10 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
border-bottom: 0 solid transparent;
}
.main-header .logo:hover {
background-color: #1890ff;
background-color: #1677ff;
}
.main-header li.user-header {
background-color: #1890ff;
background-color: #1677ff;
}
.content-header {
background: transparent;
@@ -93,7 +93,7 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
background: #ffffff;
}
.sidebar-menu > li.active {
border-left-color: #1890ff;
border-left-color: #1677ff;
}
.sidebar-menu > li.active > a {
font-weight: 600;
@@ -154,7 +154,7 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
border-radius: 4px;
}
.skin-blue.layout-top-nav .main-header > .logo {
background-color: #1890ff;
background-color: #1677ff;
color: #ffffff;
border-bottom: 0 solid transparent;
}
@@ -164,7 +164,7 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
.sidebar-menu {padding:0 8px 0 7px;}
.sidebar-menu li>a>.pull-right-container {left:0;}
.sidebar-menu .treeview-item.active>a {color:#1890ff;background-color:#e7f4ff;border-right:0;border-radius:6px;}
.sidebar-menu .treeview-item.active>a {color:#1677ff;background-color:#e7f4ff;border-right:0;border-radius:6px;}
.content-wrapper, .right-side, body {background-color:#f0f2f5;}
@@ -189,12 +189,13 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
.select2-container--default .select2-results__option--highlighted[aria-selected],
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover,
.wup_container .placeholder .webuploader-pick {background-color:#1890ff!important;border-color:#1890ff;}
.form-unit, th[aria-selected=true] .ui-jqgrid-sortable {color:#1890ff;}
.wup_container .placeholder .webuploader-pick {background-color:#1677ff!important;border-color:#1677ff;}
.form-unit, th[aria-selected=true] .ui-jqgrid-sortable {color:#1677ff;}
.form-unit {border-bottom:1px solid #eee;}
.form-unit:before {background-color:#1677ff;}
.box-main>.box-header {border-bottom-color:#eeeeee;}
.box-main>.box-header .box-title .fa {color:#1890ff;}
.box-main>.box-header .box-title .fa {color:#1677ff;}
.nav-tabs-custom>.nav-tabs>li.active {border-top-color:#3aa0ff;}
.form-control:focus,.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field,

51
common/src/main/resources/static/adminlte/css/skins/skin-blue-light3.css
View File

@@ -2,17 +2,37 @@
* http://jeesite.com
*/
a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sortable {
color:#1890ff;
color:#1677ff;
}
.main-header .navbar {
background: #1890ff;
background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #2684f5), color-stop(1, #1890ff));
background: -ms-linear-gradient(left, #2684f5, #1890ff);
background: -moz-linear-gradient(left top, #2684f5 0%, #1890ff 100%);
background: -o-linear-gradient(#1890ff, #2684f5);
background: #1677ff;
background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #2684f5), color-stop(1, #1677ff));
background: -ms-linear-gradient(left, #2684f5, #1677ff);
background: -moz-linear-gradient(left top, #2684f5 0%, #1677ff 100%);
background: -o-linear-gradient(#1677ff, #2684f5);
}
.main-header .navbar .nav > li > a {
color: #ffffff;
margin: 4.5px 2px 0;
padding: 10px 13px;
border-radius: 6px;
}
.main-header .navbar .nav > li > a > i {
font-size: 16px;
vertical-align: bottom;
line-height: 20px;
}
.navbar-nav>.user-menu>.dropdown-menu {
margin-top: 7px;
border-radius: 6px;
}
.navbar-nav .treeview-menu,
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
margin-top: 5px;
border-radius: 6px;
}
.navbar-nav .treeview-menu a {
border-radius: 6px;
}
.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:active,
@@ -54,10 +74,10 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
border-bottom: 0 solid transparent;
}
.main-header .logo:hover {
background-color: #1890ff;
background-color: #1677ff;
}
.main-header li.user-header {
background-color: #1890ff;
background-color: #1677ff;
}
.content-header {
background: transparent;
@@ -93,7 +113,7 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
background: #ffffff;
}
.sidebar-menu > li.active {
border-left-color: #1890ff;
border-left-color: #1677ff;
}
.sidebar-menu > li.active > a {
font-weight: 600;
@@ -154,7 +174,7 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
border-radius: 4px;
}
.skin-blue.layout-top-nav .main-header > .logo {
background-color: #1890ff;
background-color: #1677ff;
color: #ffffff;
border-bottom: 0 solid transparent;
}
@@ -164,12 +184,12 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
.sidebar-menu {padding:0 8px 0 7px;}
.sidebar-menu li>a>.pull-right-container {left:0;}
.sidebar-menu .treeview-item.active>a {color:#1890ff;background-color:#e7f4ff;border-right:0;border-radius:6px;}
.sidebar-menu .treeview-item.active>a {color:#1677ff;background-color:#e7f4ff;border-right:0;border-radius:6px;}
/* 页签添加内边距 */
.content-wrapper, .tabpanel_content, .tabpanel_content .html_content, body {background-color:#f0f2f5;}
.box-main, .nav-main, .ui-layout-pane, iframe {border-radius:5px;}
.tabpanel_content .html_content {padding:13px 14px 13px 15px;}
.tabpanel_content .html_content {padding:12px 14px 12px 15px;}
.tabpanel_tab_content {border-bottom:0;}
.ui-layout-resizer {background:none;}
.content {padding:0!important}
@@ -211,12 +231,13 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
.select2-container--default .select2-results__option--highlighted[aria-selected],
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover,
.wup_container .placeholder .webuploader-pick {background-color:#1890ff!important;border-color:#1890ff!important;}
.form-unit, th[aria-selected=true] .ui-jqgrid-sortable {color:#1890ff;}
.wup_container .placeholder .webuploader-pick {background-color:#1677ff!important;border-color:#1677ff!important;}
.form-unit, th[aria-selected=true] .ui-jqgrid-sortable {color:#1677ff;}
.form-unit {border-bottom:1px solid #eee;}
.form-unit:before {background-color:#1677ff;}
.box-main>.box-header {border-bottom-color:#eeeeee;}
.box-main>.box-header .box-title .fa {color:#1890ff;}
.box-main>.box-header .box-title .fa {color:#1677ff;}
.nav-tabs-custom>.nav-tabs>li.active {border-top-color:#3aa0ff;}
.form-control:focus,.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field,

1
common/src/main/resources/static/adminlte/css/skins/skin-blue2.css
View File

@@ -192,6 +192,7 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
.wup_container .placeholder .webuploader-pick {background-color:#1e5edb!important;border-color:#1e5edb!important;}
.form-unit, th[aria-selected=true] .ui-jqgrid-sortable {color:#1e5edb;}
.form-unit {border-bottom:1px solid #eee;}
.form-unit:before {background-color:#1e5edb;}
.box-main>.box-header {border-bottom-color:#eeeeee;}
.box-main>.box-header .box-title .fa {color:#1e5edb;}

23
common/src/main/resources/static/adminlte/css/skins/skin-blue3.css
View File

@@ -13,6 +13,26 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
}
.main-header .navbar .nav > li > a {
color: #ffffff;
margin: 4.5px 2px 0;
padding: 10px 13px;
border-radius: 6px;
}
.main-header .navbar .nav > li > a > i {
font-size: 16px;
vertical-align: bottom;
line-height: 20px;
}
.navbar-nav .treeview-menu,
.navbar-nav>.user-menu>.dropdown-menu {
margin-top: 7px;
border-radius: 6px;
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
margin-top: 5px;
border-radius: 6px;
}
.navbar-nav .treeview-menu a {
border-radius: 6px;
}
.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:active,
@@ -169,7 +189,7 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
/* 页签添加内边距 */
.content-wrapper, .tabpanel_content, .tabpanel_content .html_content, body {background-color:#f0f2f5;}
.box-main, .nav-main, .ui-layout-pane, iframe {border-radius:5px;}
.tabpanel_content .html_content {padding:13px 14px 13px 15px;}
.tabpanel_content .html_content {padding:12px 14px 12px 15px;}
.tabpanel_tab_content {border-bottom:0;}
.ui-layout-resizer {background:none;}
.content {padding:0!important}
@@ -214,6 +234,7 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
.wup_container .placeholder .webuploader-pick {background-color:#1e5edb!important;border-color:#1e5edb!important;}
.form-unit, th[aria-selected=true] .ui-jqgrid-sortable {color:#1e5edb;}
.form-unit {border-bottom:1px solid #eee;}
.form-unit:before {background-color:#1e5edb;}
.box-main>.box-header {border-bottom-color:#eeeeee;}
.box-main>.box-header .box-title .fa {color:#1e5edb;}

3
common/src/main/resources/static/adminlte/css/skins/skin-dark.css
View File

@@ -167,7 +167,7 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
/* 页签添加内边距 */
.content-wrapper, .tabpanel_content, .tabpanel_content .html_content, body {background-color:#000;}
.box-main, .nav-main, .ui-layout-pane, iframe {border-radius:5px;}
.tabpanel_content .html_content {padding:13px 14px 13px 15px;}
.tabpanel_content .html_content {padding:12px 14px 12px 15px;}
.tabpanel_tab_content {border-bottom:0;}
.ui-layout-resizer {background:none;}
.content {padding:0!important}
@@ -227,6 +227,7 @@ a, a:hover, a:active, a:focus, .form-unit, th[aria-selected=true] .ui-jqgrid-sor
.wup_container .placeholder .webuploader-pick {background-color:#3aa0ff!important;border-color:#3aa0ff!important;}
.form-unit, th[aria-selected=true] .ui-jqgrid-sortable {color:#2975bc;}
.form-unit {border-bottom:1px solid #4e4e4e;}
.form-unit:before {background-color:#2975bc;}
.form-inline .form-more {background-color:#1a1a1a;border-bottom-color:#393939;}
.form-control, .input-group .input-group-addon, input, select, textarea, pre {background-color:#1a1a1a;border-color:#414141!important;color:#ddd}

2
modules/core/src/main/resources/templates/modules/gen/vue/vueForm.xml
View File

@@ -19,7 +19,7 @@
:okAuth="'${permissionPrefix}:edit'"
@register="register${modalOrDrawer}"
@ok="handleSubmit"
width="60%"
width="70%"
>
<template #title>
<Icon :icon="getTitle.icon" class="m-1 pr-1" />

2
modules/core/src/main/resources/views/include/sysIndex/topMenu.html
View File

@@ -12,7 +12,7 @@
<% include('/include/sysIndex/topMenuCorp.html'){} %>
<% include('/include/sysIndex/topMenuOffice.html'){} %>
<li><a href="javascript:" id="fullScreen" title="${text('全屏')}" data-placement="bottom" data-container="body"><i class="fa fa-arrows-alt"></i></a></li>
<li><a href="javascript:" id="switchSkin" title="${text('切换主题')}" style="margin-top:-1px;" data-placement="bottom" data-container="body" data-layer-width="600" data-layer-height="350"><i class="fa fa-dashboard"></i></a></li>
<li><a href="javascript:" id="switchSkin" title="${text('切换主题')}" data-placement="bottom" data-container="body" data-layer-width="600" data-layer-height="350"><i class="fa fa-dashboard"></i></a></li>
<% include('/include/sysIndex/topMenuLang.html'){} %>
<% include('/include/sysIndex/topMenuOnline.html'){} %>
<% include('/include/sysIndex/topMenuMsg.html'){} %>

2
modules/core/src/main/resources/views/include/sysIndex/topMenuCorp.html
View File

@@ -1,7 +1,7 @@
<% if(@Global.getConfigToBoolean('user.useCorpModel', 'false') && hasPermi('sys:corpAdmin:edit')){ %>
<li>
<a href="javascript:" id="switchCorp">
<i class="fa icon-home"></i> ${text('当前租户')}：${currentCorpName}
<i class="fa icon-home" style="font-size:14px;"></i> ${currentCorpName}
</a>
<div class="hide"><#form:treeselect id="switchCorpSelect" title="${text('租户切换')}" allowClear="false"
url="${ctx}/sys/corpAdmin/treeData?isShowCode=true" callbackFuncName="switchCorpSelectCallback"/>

2
modules/core/src/main/resources/views/include/sysIndex/topMenuOffice.html
View File

@@ -1,7 +1,7 @@
<% if(toBoolean(switchOffice!)){ %>
<li>
<a href="javascript:" id="switchOffice">
<i class="fa icon-grid" style="font-size:12px;"></i> ${officeName!}
<i class="fa icon-grid" style="font-size:13px;"></i> ${officeName!}
</a>
<div class="hide"><#form:treeselect id="switchOfficeSelect" title="${text('部门切换')}" allowClear="true"
url="${ctx}/sys/empUser/officeListData?isShowCode=true" callbackFuncName="switchOfficeSelectCallback"

6
modules/core/src/main/resources/views/modules/sys/switchSkin.html
View File

@@ -145,7 +145,7 @@
<li style="float:left;width:16.66666%;padding:5px;">
<a href="javascript:" data-skin="skin-blue-light2" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<span style="display:block;width:20%;float:left;height:13px;background:#1681e5"></span>
<span style="display:block;width:80%;float:left;height:13px;background:#1890ff"></span>
<span style="display:block;width:80%;float:left;height:13px;background:#1677ff"></span>
<span style="display:block;width:20%;float:left;height:30px;background:#f9fafc"></span>
<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
</a>
@@ -163,7 +163,7 @@
<li style="float:left;width:16.66666%;padding:5px;">
<a href="javascript:" data-skin="skin-blue-light3" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<span style="display:block;width:20%;float:left;height:13px;background:#1681e5"></span>
<span style="display:block;width:80%;float:left;height:13px;background:#1890ff"></span>
<span style="display:block;width:80%;float:left;height:13px;background:#1677ff"></span>
<span style="display:block;width:20%;float:left;height:30px;background:#f9fafc"></span>
<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
</a>
@@ -186,7 +186,7 @@
<% } %>
<script>
$('.full-opacity-hover').click(function(){
js.window.location = '${ctx}/switchSkin/' + $(this).data('skin');
js.window.location = '${ctx}/switchSkin/' + $(this).data('skin') + "?url=" + js.window.location;
});
$('#formLayerModel')

2
modules/static/src/main/resources/static/modules/sys/sysIndex.css
View File

@@ -27,7 +27,7 @@
.navbar-nav > .treeview > a > .pull-right-container > .fa-angle-left{display:none;}
.navbar-nav li > a > .pull-right-container > .fa-angle-left {margin-top:3px;transition:transform 0.5s ease;}
.navbar-nav .menu-open > a > .pull-right-container > .fa-angle-left {transform: rotate(-90deg);}
.navbar-nav .treeview.active>a {color:#1890ff;background-color:#e1e3e9;}
.navbar-nav .treeview.active>a {color:#1677ff;background-color:#e1e3e9;}
.navbar-nav .treeview small.label {float:right;}
/* 头部消息列表 */