blackteay/ThinkAdmin
1
0
Fork 0
mirror of https://gitee.com/zoujingli/ThinkAdmin.git synced 2025-04-23 18:00:29 +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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

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

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

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

File diff suppressed because one or more lines are too long