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

修改后台样式

Browse Source
This commit is contained in:
Anyon 2022-01-18 18:46:41 +08:00
parent cc4866ba4b
commit 07d7dbef8b
4 changed files with 141 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/admin/view/index/layout-left.html
View File

@ -1,4 +1,5 @@
<div class="layui-side notselect">
<div class="layui-side-target" data-target-menu-type></div>
<a class="layui-logo layui-elip" href="{:sysuri('@')}" title="{:sysconf('app_name')}">
{:sysconf('app_name')} {if sysconf('app_version')}<sup>{:sysconf('app_version')}</sup>{/if}
</a>

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

@ -316,6 +316,37 @@
}
.layui-layout-theme {
&.layui-layout-left-hide,
&.layui-layout-left-mini {
> .layui-side {
z-index: 77;
display: block !important;
background-color: unset !important;
> .layui-logo {
display: none !important;
&-mini {
width: 60px;
display: inline-block;
}
}
.layui-side-scroll .layui-side-tree {
display: block;
}
}
> .layui-body {
z-index: 88;
left: 60px !important;
> .think-page-body > .layui-card > .layui-card-header {
left: 60px !important;
}
}
}
> .layui-side {
width: 260px;
}
@ -323,6 +354,7 @@
> .layui-header {
left: 260px;
background: #925cc3 !important;
display: none !important;
.layui-nav-item > a {
color: #fff !important;
@ -348,22 +380,59 @@
}
> .layui-body {
top: 0;
left: 260px;
> .think-page-body > .layui-card > .layui-card-header {
top: 0;
left: 260px;
}
}
height: 50px;
line-height: 50px;
+ .layui-card-body {
top: 50px;
}
}
}
.layui-side {
background-color: #fff !important;
.layui-logo {
.layui-side-target {
&:before {
content: '≪';
color: #333;
width: 100%;
height: 100%;
display: block;
line-height: 30px;
text-align: center;
}
top: 50%;
right: 0;
color: #fff;
width: 30px;
height: 30px;
z-index: 99;
display: block;
cursor: pointer;
position: absolute;
background: #ccc;
border-radius: 50%;
}
.layui-logo, .layui-logo-mini {
background: #925cc3 !important;
border-bottom: none !important;
.headimg {
margin: 0
}
}
.layui-side-scroll {
top: 50px;
display: flex !important;
.layui-side-icon {
@ -412,6 +481,7 @@
> a {
color: #098 !important;
background: none !important;
font-weight: bold !important;
&:hover {
background: none !important;

68
public/static/theme/css/console.css
View File

@ -1665,12 +1665,41 @@ label.think-checkbox {
.layui-layout > .layui-body > .think-page-body > .layui-card > .layui-card-header + .layui-card-body {
top: 45px;
}
.layui-layout-theme.layui-layout-left-hide > .layui-side,
.layui-layout-theme.layui-layout-left-mini > .layui-side {
z-index: 77;
display: block !important;
background-color: unset !important;
}
.layui-layout-theme.layui-layout-left-hide > .layui-side > .layui-logo,
.layui-layout-theme.layui-layout-left-mini > .layui-side > .layui-logo {
display: none !important;
}
.layui-layout-theme.layui-layout-left-hide > .layui-side > .layui-logo-mini,
.layui-layout-theme.layui-layout-left-mini > .layui-side > .layui-logo-mini {
width: 60px;
display: inline-block;
}
.layui-layout-theme.layui-layout-left-hide > .layui-side .layui-side-scroll .layui-side-tree,
.layui-layout-theme.layui-layout-left-mini > .layui-side .layui-side-scroll .layui-side-tree {
display: block;
}
.layui-layout-theme.layui-layout-left-hide > .layui-body,
.layui-layout-theme.layui-layout-left-mini > .layui-body {
z-index: 88;
left: 60px !important;
}
.layui-layout-theme.layui-layout-left-hide > .layui-body > .think-page-body > .layui-card > .layui-card-header,
.layui-layout-theme.layui-layout-left-mini > .layui-body > .think-page-body > .layui-card > .layui-card-header {
left: 60px !important;
}
.layui-layout-theme > .layui-side {
width: 260px;
}
.layui-layout-theme > .layui-header {
left: 260px;
background: #925cc3 !important;
display: none !important;
}
.layui-layout-theme > .layui-header .layui-nav-item > a {
color: #fff !important;
@ -1688,18 +1717,54 @@ label.think-checkbox {
display: inline-block;
}
.layui-layout-theme > .layui-body {
top: 0;
left: 260px;
}
.layui-layout-theme > .layui-body > .think-page-body > .layui-card > .layui-card-header {
top: 0;
left: 260px;
height: 50px;
line-height: 50px;
}
.layui-layout-theme > .layui-body > .think-page-body > .layui-card > .layui-card-header + .layui-card-body {
top: 50px;
}
.layui-layout-theme .layui-side {
background-color: #fff !important;
}
.layui-layout-theme .layui-side .layui-logo {
.layui-layout-theme .layui-side .layui-side-target {
top: 50%;
right: 0;
color: #fff;
width: 30px;
height: 30px;
z-index: 99;
display: block;
cursor: pointer;
position: absolute;
background: #ccc;
border-radius: 50%;
}
.layui-layout-theme .layui-side .layui-side-target:before {
content: '≪';
color: #333;
width: 100%;
height: 100%;
display: block;
line-height: 30px;
text-align: center;
}
.layui-layout-theme .layui-side .layui-logo,
.layui-layout-theme .layui-side .layui-logo-mini {
background: #925cc3 !important;
border-bottom: none !important;
}
.layui-layout-theme .layui-side .layui-logo .headimg,
.layui-layout-theme .layui-side .layui-logo-mini .headimg {
margin: 0;
}
.layui-layout-theme .layui-side .layui-side-scroll {
top: 50px;
display: flex !important;
}
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-icon {
@ -1765,6 +1830,7 @@ label.think-checkbox {
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-tree .layui-nav-item.layui-this > a {
color: #098 !important;
background: none !important;
font-weight: bold !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 {

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

File diff suppressed because one or more lines are too long