blackteay/ThinkAdmin
1
0
Fork 0
mirror of https://gitee.com/zoujingli/ThinkAdmin.git synced 2025-04-06 03:58:04 +08:00
Code Issues Projects Releases Wiki Activity

修改后台样式

Browse Source
This commit is contained in:
Anyon 2022-01-18 17:58:11 +08:00
parent 5c0aa6fe30
commit cc4866ba4b
4 changed files with 106 additions and 30 deletions

4
public/static/theme/css/_config.less

@ -68,6 +68,10 @@
// 最小滚动条样式
#MinScrollbar() {
height: 100%;
display: block;
overflow: auto;
overflow-x: hidden;
&::-webkit-scrollbar {
width: 3px !important;

75
public/static/theme/css/_layout.less

@ -217,10 +217,13 @@
background-color: @LeftMainNavNormalBackColor;
}
dd.layui-this,
dd.layui-this > a {
color: @LeftMainNavActiveTextColor;
background-color: @LeftMainNavActiveBackColor;
dd.layui-this {
background: none !important;
> a {
color: @LeftMainNavActiveTextColor;
background-color: @LeftMainNavActiveBackColor;
}
}
a {
@ -319,6 +322,15 @@
> .layui-header {
left: 260px;
background: #925cc3 !important;
.layui-nav-item > a {
color: #fff !important;
&:hover {
color: #fff !important;
}
}
.layui-layout-left {
.layui-nav-item {
@ -343,21 +355,23 @@
}
}
.layui-side {
background-color: #fff !important;
.layui-logo {
background: #925cc3 !important;
}
.layui-side-scroll {
display: flex !important;
.layui-side-icon {
width: 60px;
height: 100%;
display: block;
overflow: auto;
overflow-x: hidden;
background: #333;
background: #563d7c;
#MinScrollbar();
a {
color: #FFF;
height: 60px;
display: block;
text-align: center;
@ -365,29 +379,50 @@
}
.layui-icon {
color: @LeftMainNavActiveBackColor
color: #fff;
}
> .layui-this {
background: @LeftMainBackColor;
background: #fff;
.layui-icon {
color: @LeftMainNavActiveTextColor;
color: #333;
}
}
}
.layui-side-tree {
flex: 1;
height: 100%;
display: block;
overflow: auto;
overflow-x: hidden;
#MinScrollbar();
}
.layui-nav-tree {
width: 100% !important;
.layui-nav-item {
background: none !important;
a {
color: #333 !important;
background: none !important;
border-bottom: none !important;
&:hover {
color: #098 !important;
}
}
.layui-this, &.layui-this {
> a {
color: #098 !important;
background: none !important;
&:hover {
background: none !important;
}
}
}
&ed > a {
color: #999 !important;
}
}
}
}
}

55
public/static/theme/css/console.css

@ -1544,8 +1544,11 @@ label.think-checkbox {
bottom: 0;
width: 100% !important;
height: 100% !important;
overflow: auto;
position: absolute;
height: 100%;
display: block;
overflow: auto;
overflow-x: hidden;
}
.layui-layout > .layui-side .layui-side-scroll .layui-side-icon {
display: none;
@ -1583,7 +1586,9 @@ label.think-checkbox {
.layui-layout > .layui-side .layui-side-scroll .layui-nav-item dd > a {
background-color: none;
}
.layui-layout > .layui-side .layui-side-scroll .layui-nav-item dd.layui-this,
.layui-layout > .layui-side .layui-side-scroll .layui-nav-item dd.layui-this {
background: none !important;
}
.layui-layout > .layui-side .layui-side-scroll .layui-nav-item dd.layui-this > a {
color: #FFF;
background-color: #098;
@ -1665,6 +1670,13 @@ label.think-checkbox {
}
.layui-layout-theme > .layui-header {
left: 260px;
background: #925cc3 !important;
}
.layui-layout-theme > .layui-header .layui-nav-item > a {
color: #fff !important;
}
.layui-layout-theme > .layui-header .layui-nav-item > a:hover {
color: #fff !important;
}
.layui-layout-theme > .layui-header .layui-layout-left .layui-nav-item {
display: none;
@ -1681,16 +1693,22 @@ label.think-checkbox {
.layui-layout-theme > .layui-body > .think-page-body > .layui-card > .layui-card-header {
left: 260px;
}
.layui-layout-theme .layui-side {
background-color: #fff !important;
}
.layui-layout-theme .layui-side .layui-logo {
background: #925cc3 !important;
}
.layui-layout-theme .layui-side .layui-side-scroll {
display: flex !important;
}
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-icon {
width: 60px;
background: #563d7c;
height: 100%;
display: block;
overflow: auto;
overflow-x: hidden;
background: #333;
}
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-icon::-webkit-scrollbar {
width: 3px !important;
@ -1702,20 +1720,19 @@ label.think-checkbox {
background-color: #999 !important;
}
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-icon a {
color: #FFF;
height: 60px;
display: block;
text-align: center;
line-height: 60px;
}
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-icon .layui-icon {
color: #098;
color: #fff;
}
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-icon > .layui-this {
background: #393D49 !important;
background: #fff;
}
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-icon > .layui-this .layui-icon {
color: #FFF;
color: #333;
}
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-tree {
flex: 1;
@ -1733,8 +1750,28 @@ label.think-checkbox {
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-tree::-webkit-scrollbar-thumb {
background-color: #999 !important;
}
.layui-layout-theme .layui-side .layui-side-scroll .layui-nav-tree {
width: 100% !important;
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item {
background: none !important;
}
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item a {
color: #333 !important;
background: none !important;
border-bottom: none !important;
}
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item a:hover {
color: #098 !important;
}
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item .layui-this > a,
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item.layui-this > a {
color: #098 !important;
background: none !important;
}
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item .layui-this > a:hover,
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item.layui-this > a:hover {
background: none !important;
}
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-tree .layui-nav-itemed > a {
color: #999 !important;
}
.layui-layout-left-mini .layui-header {
left: 50px !important;

2
public/static/theme/css/console.css.map

File diff suppressed because one or more lines are too long