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-02-10 15:12:15 +08:00
parent 906a509027
commit 933ddd63b4
8 changed files with 295 additions and 290 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/admin/view/config/system.html
View File

@ -113,6 +113,6 @@
$('[name="site_theme"]').map(function () {
if (this.value !== that.value) alls += ' ' + prox + this.value;
});
$('.layui-layout-admin').removeClass(alls).addClass(curt)
$('.layui-layout-body').removeClass(alls).addClass(curt)
});
</script>

4
app/admin/view/index/index.html
View File

@ -19,10 +19,10 @@
<script src="__ROOT__/static/plugs/jquery/pace.min.js"></script>
</head>
<body class="layui-layout-body">
<body class="layui-layout-body layui-layout-theme-{$theme|default=''}">
{block name='body'}
<div class="layui-layout layui-layout-admin layui-layout-left-hide layui-layout-theme-{$theme|default=''}">
<div class="layui-layout layui-layout-admin layui-layout-left-hide">
<!-- 顶部菜单 开始 -->
{include file='index/index-top'}

2
app/admin/view/index/theme.html
View File

@ -32,6 +32,6 @@
$('form#theme input[name=site_theme]').map(function () {
if (this.value !== that.value) alls += ' ' + prox + this.value;
});
$('.layui-layout-admin').removeClass(alls).addClass(curt)
$('.layui-layout-body').removeClass(alls).addClass(curt)
});
</script>

106
public/static/theme/css/_layout_1.less
View File

@ -1,68 +1,70 @@
> .layui-header {
background: @headNormalBackColor;
> .layui-layout-admin {
> .layui-side {
background-color: @leftBackColor;
.layui-nav-item {
&.layui-this > a {
color: @headActionTextColor;
background: @headActiveBackColor;
.layui-logo {
color: #FFF;
box-shadow: none;
font-weight: bold;
}
> a {
color: @headNormalTextColor;
.layui-side-scroll {
display: flex !important;
box-sizing: border-box;
&:hover {
color: @headActionTextColor;
.layui-side-icon {
display: none;
}
.layui-side-tree {
flex: 1;
.layui-nav-item {
a {
color: @leftNormalTextColor;
border-bottom: none !important;
&:hover {
color: @leftActiveTextColor;
}
}
.layui-this, &.layui-this {
> a {
color: @leftActiveTextColor;
background: @leftActiveBackColor;
}
}
&ed > a {
color: @leftActiveTextColor;
}
}
}
}
}
}
> .layui-body {
> .think-page-body > .layui-card > .layui-card-header {
box-sizing: border-box;
}
}
.layui-side {
background-color: @leftBackColor;
.layui-logo {
color: #FFF;
box-shadow: none;
font-weight: bold;
}
.layui-side-scroll {
display: flex !important;
box-sizing: border-box;
.layui-side-icon {
display: none;
> .layui-body {
> .think-page-body > .layui-card > .layui-card-header {
box-sizing: border-box;
}
}
.layui-side-tree {
flex: 1;
> .layui-header {
background: @headNormalBackColor;
.layui-nav-item {
.layui-nav-item {
&.layui-this > a {
color: @headActionTextColor;
background: @headActiveBackColor;
}
a {
color: @leftNormalTextColor;
border-bottom: none !important;
> a {
color: @headNormalTextColor;
&:hover {
color: @leftActiveTextColor;
}
}
.layui-this, &.layui-this {
> a {
color: @leftActiveTextColor;
background: @leftActiveBackColor;
}
}
&ed > a {
color: @leftActiveTextColor;
&:hover {
color: @headActionTextColor;
}
}
}

296
public/static/theme/css/_layout_2.less
View File

@ -1,6 +1,149 @@
&.layui-layout-left-hide,
&.layui-layout-left-mini {
.layui-side {
> .layui-layout-admin {
> .layui-side {
width: 260px;
display: block !important;
background-color: @mainColor;
.layui-logo {
color: #fff;
box-shadow: none;
font-weight: bold;
}
.layui-side-scroll {
display: flex !important;
box-sizing: border-box;
.layui-nav-child {
background: none !important;
}
.layui-side-icon {
width: 100px;
display: block;
background: @mainColor;
a {
height: 60px;
display: block;
font-size: 14px;
text-align: center;
line-height: 60px;
white-space: nowrap;
&:hover {
background-color: rgba(0, 0, 0, 0.1);;
}
.layui-icon, span {
color: #fff;
overflow: hidden;
max-width: 4em;
margin-right: 5px;
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block !important;
}
}
> .layui-this {
background: #fff;
a {
&:hover {
background-color: #fff;
}
.layui-icon, span {
color: @textColor;
}
}
}
}
.layui-side-tree {
flex: 1;
background-color: #fff;
> .layui-nav-tree {
width: unset !important;
}
.layui-nav-item {
background: none !important;
border-bottom-color: #fff;
a {
color: #333 !important;
background: none !important;
border-bottom: none !important;
&:hover {
color: @textColor;
}
}
.layui-this, &.layui-this {
> a {
color: @textColor;
background: none !important;
font-weight: bold !important;
&:hover {
background: none !important;
}
}
}
&ed > a {
color: #999 !important;
}
}
}
}
}
> .layui-body {
left: 260px;
> .think-page-body > .layui-card > .layui-card-header {
left: 261px;
box-sizing: border-box;
border-bottom: unset;
}
}
> .layui-header {
left: 260px;
background-color: @mainColor;
.layui-layout-left {
.layui-nav-item {
display: none !important;
}
}
.layui-nav-item {
&.layui-this > a {
color: #fff !important;
font-weight: bold;
}
> a {
color: #eee !important;
&:hover {
color: #fff !important;
background: none !important;
}
}
}
}
}
> .layui-layout-left-hide,
> .layui-layout-left-mini {
> .layui-side {
width: 260px;
z-index: 11;
@ -26,10 +169,6 @@
}
}
> .layui-header {
left: 260px !important;
}
> .layui-body {
z-index: 11;
left: @iconWidth;
@ -38,151 +177,14 @@
left: @iconWidth;
}
}
}
> .layui-header {
left: 260px;
background-color: @mainColor;
.layui-layout-left {
.layui-nav-item {
display: none !important;
}
}
.layui-nav-item {
&.layui-this > a {
color: #fff !important;
font-weight: bold;
}
> a {
color: #eee !important;
&:hover {
color: #fff !important;
background: none !important;
}
}
}
}
> .layui-side {
width: 260px;
display: block !important;
background-color: @mainColor;
.layui-logo {
color: #fff;
box-shadow: none;
font-weight: bold;
}
.layui-side-scroll {
display: flex !important;
box-sizing: border-box;
.layui-nav-child {
background: none !important;
}
.layui-side-icon {
width: 100px;
display: block;
background: @mainColor;
a {
height: 60px;
display: block;
font-size: 14px;
text-align: center;
line-height: 60px;
white-space: nowrap;
&:hover {
background-color: rgba(0, 0, 0, 0.1);;
}
.layui-icon, span {
color: #fff;
overflow: hidden;
max-width: 4em;
margin-right: 5px;
text-overflow: ellipsis;
vertical-align: middle;
display: inline-block !important;
}
}
> .layui-this {
background: #fff;
a {
&:hover {
background-color: #fff;
}
.layui-icon, span {
color: @textColor;
}
}
}
}
.layui-side-tree {
flex: 1;
background-color: #fff;
> .layui-nav-tree {
width: unset !important;
}
.layui-nav-item {
background: none !important;
border-bottom-color: #fff;
a {
color: #333 !important;
background: none !important;
border-bottom: none !important;
&:hover {
color: @textColor;
}
}
.layui-this, &.layui-this {
> a {
color: @textColor;
background: none !important;
font-weight: bold !important;
&:hover {
background: none !important;
}
}
}
&ed > a {
color: #999 !important;
}
}
}
}
}
> .layui-body {
left: 260px;
> .think-page-body > .layui-card > .layui-card-header {
left: 261px;
box-sizing: border-box;
border-bottom: unset;
> .layui-header {
left: 260px !important;
}
}
.help-label b {
color: @mainColor
color: @textColor;
}
.layui-btn-group {

171
public/static/theme/css/_layout_white.less
View File

@ -2,110 +2,111 @@
@import "_config.less";
.layui-layout-theme-white {
> .layui-layout-admin {
> .layui-side {
background-color: #fff !important;
> .layui-header {
background: none !important;
.layui-nav-item {
&.layui-this > a {
color: #098 !important;
.layui-logo {
color: #333;
box-shadow: none;
font-weight: bold;
background: none !important;
}
> a {
color: #333 !important;
.layui-side-scroll {
display: flex !important;
box-sizing: border-box;
border-right: @TopHeaderBottomLine;
&:hover {
color: #098 !important;
.layui-nav-child {
background: none !important;
}
}
}
}
> .layui-body {
> .think-page-body > .layui-card > .layui-card-header {
box-sizing: border-box;
box-shadow: none !important;
border-bottom: @TopHeaderBottomLine;
}
}
> .layui-side {
background-color: #fff !important;
.layui-logo {
color: #333;
box-shadow: none;
font-weight: bold;
}
.layui-side-scroll {
display: flex !important;
box-sizing: border-box;
border-right: @TopHeaderBottomLine;
.layui-nav-child {
background: none !important;
}
.layui-side-icon {
width: 60px;
display: none;
background: #fff;
a {
height: 60px;
display: block;
text-align: center;
line-height: 60px;
}
.layui-icon {
color: #999;
}
> .layui-this {
.layui-side-icon {
width: 60px;
display: none;
background: #fff;
a {
height: 60px;
display: block;
text-align: center;
line-height: 60px;
}
.layui-icon {
color: #098 !important;
color: #999;
}
> .layui-this {
background: #fff;
.layui-icon {
color: #098 !important;
}
}
}
.layui-side-tree {
flex: 1;
.layui-nav-item {
background: none !important;
border-bottom-color: #fff;
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;
font-weight: bold !important;
&:hover {
background: none !important;
}
}
}
&ed > a {
color: #999 !important;
}
}
}
}
}
.layui-side-tree {
flex: 1;
> .layui-body {
> .think-page-body > .layui-card > .layui-card-header {
box-sizing: border-box;
box-shadow: none !important;
border-bottom: @TopHeaderBottomLine;
}
}
.layui-nav-item {
> .layui-header {
background: none !important;
.layui-nav-item {
&.layui-this > a {
color: #098 !important;
font-weight: bold;
background: none !important;
border-bottom-color: #fff;
}
a {
color: #333 !important;
> a {
color: #333 !important;
&:hover {
color: #098 !important;
background: none !important;
border-bottom: none !important;
&:hover {
color: #098 !important;
}
}
.layui-this, &.layui-this {
> a {
color: #098 !important;
background: none !important;
font-weight: bold !important;
&:hover {
background: none !important;
}
}
}
&ed > a {
color: #999 !important;
}
}
}

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long