mirror of
https://gitee.com/zoujingli/ThinkAdmin.git
synced 2025-04-06 03:58:04 +08:00
修改后台主题布局
This commit is contained in:
Anyon
parent
906a509027
commit
933ddd63b4
@ -113,6 +113,6 @@
|
|||||||
$('[name="site_theme"]').map(function () {
|
$('[name="site_theme"]').map(function () {
|
||||||
if (this.value !== that.value) alls += ' ' + prox + this.value;
|
if (this.value !== that.value) alls += ' ' + prox + this.value;
|
||||||
});
|
});
|
||||||
$('.layui-layout-admin').removeClass(alls).addClass(curt)
|
$('.layui-layout-body').removeClass(alls).addClass(curt)
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
@ -19,10 +19,10 @@
|
|||||||
<script src="__ROOT__/static/plugs/jquery/pace.min.js"></script>
|
<script src="__ROOT__/static/plugs/jquery/pace.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="layui-layout-body">
|
<body class="layui-layout-body layui-layout-theme-{$theme|default=''}">
|
||||||
|
|
||||||
{block name='body'}
|
{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'}
|
{include file='index/index-top'}
|
||||||
|
|||||||
@ -32,6 +32,6 @@
|
|||||||
$('form#theme input[name=site_theme]').map(function () {
|
$('form#theme input[name=site_theme]').map(function () {
|
||||||
if (this.value !== that.value) alls += ' ' + prox + this.value;
|
if (this.value !== that.value) alls += ' ' + prox + this.value;
|
||||||
});
|
});
|
||||||
$('.layui-layout-admin').removeClass(alls).addClass(curt)
|
$('.layui-layout-body').removeClass(alls).addClass(curt)
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
@ -1,29 +1,5 @@
|
|||||||
> .layui-header {
|
> .layui-layout-admin {
|
||||||
background: @headNormalBackColor;
|
> .layui-side {
|
||||||
|
|
||||||
.layui-nav-item {
|
|
||||||
&.layui-this > a {
|
|
||||||
color: @headActionTextColor;
|
|
||||||
background: @headActiveBackColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
> a {
|
|
||||||
color: @headNormalTextColor;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: @headActionTextColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> .layui-body {
|
|
||||||
> .think-page-body > .layui-card > .layui-card-header {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.layui-side {
|
|
||||||
background-color: @leftBackColor;
|
background-color: @leftBackColor;
|
||||||
|
|
||||||
.layui-logo {
|
.layui-logo {
|
||||||
@ -67,6 +43,32 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> .layui-body {
|
||||||
|
> .think-page-body > .layui-card > .layui-card-header {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> .layui-header {
|
||||||
|
background: @headNormalBackColor;
|
||||||
|
|
||||||
|
.layui-nav-item {
|
||||||
|
&.layui-this > a {
|
||||||
|
color: @headActionTextColor;
|
||||||
|
background: @headActiveBackColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
> a {
|
||||||
|
color: @headNormalTextColor;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: @headActionTextColor;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.help-label b {
|
.help-label b {
|
||||||
|
|||||||
@ -1,73 +1,5 @@
|
|||||||
&.layui-layout-left-hide,
|
> .layui-layout-admin {
|
||||||
&.layui-layout-left-mini {
|
> .layui-side {
|
||||||
.layui-side {
|
|
||||||
width: 260px;
|
|
||||||
z-index: 11;
|
|
||||||
|
|
||||||
.layui-logo {
|
|
||||||
.headimg {
|
|
||||||
margin-right: 10px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.headtxt {
|
|
||||||
display: inline-block !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.layui-side-target {
|
|
||||||
left: @iconWidth;
|
|
||||||
margin-left: -12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.layui-side-scroll .layui-side-icon {
|
|
||||||
width: @iconWidth;
|
|
||||||
display: block;
|
|
||||||
background: #098;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> .layui-header {
|
|
||||||
left: 260px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
> .layui-body {
|
|
||||||
z-index: 11;
|
|
||||||
left: @iconWidth;
|
|
||||||
|
|
||||||
> .think-page-body > .layui-card > .layui-card-header {
|
|
||||||
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;
|
width: 260px;
|
||||||
display: block !important;
|
display: block !important;
|
||||||
background-color: @mainColor;
|
background-color: @mainColor;
|
||||||
@ -169,9 +101,9 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
> .layui-body {
|
> .layui-body {
|
||||||
left: 260px;
|
left: 260px;
|
||||||
|
|
||||||
> .think-page-body > .layui-card > .layui-card-header {
|
> .think-page-body > .layui-card > .layui-card-header {
|
||||||
@ -179,10 +111,80 @@
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border-bottom: unset;
|
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;
|
||||||
|
|
||||||
|
.layui-logo {
|
||||||
|
.headimg {
|
||||||
|
margin-right: 10px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headtxt {
|
||||||
|
display: inline-block !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-side-target {
|
||||||
|
left: @iconWidth;
|
||||||
|
margin-left: -12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layui-side-scroll .layui-side-icon {
|
||||||
|
width: @iconWidth;
|
||||||
|
display: block;
|
||||||
|
background: #098;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> .layui-body {
|
||||||
|
z-index: 11;
|
||||||
|
left: @iconWidth;
|
||||||
|
|
||||||
|
> .think-page-body > .layui-card > .layui-card-header {
|
||||||
|
left: @iconWidth;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> .layui-header {
|
||||||
|
left: 260px !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.help-label b {
|
.help-label b {
|
||||||
color: @mainColor
|
color: @textColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-btn-group {
|
.layui-btn-group {
|
||||||
|
|||||||
@ -2,36 +2,7 @@
|
|||||||
@import "_config.less";
|
@import "_config.less";
|
||||||
|
|
||||||
.layui-layout-theme-white {
|
.layui-layout-theme-white {
|
||||||
|
> .layui-layout-admin {
|
||||||
> .layui-header {
|
|
||||||
background: none !important;
|
|
||||||
|
|
||||||
.layui-nav-item {
|
|
||||||
&.layui-this > a {
|
|
||||||
color: #098 !important;
|
|
||||||
font-weight: bold;
|
|
||||||
background: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
> a {
|
|
||||||
color: #333 !important;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: #098 !important;
|
|
||||||
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 {
|
> .layui-side {
|
||||||
background-color: #fff !important;
|
background-color: #fff !important;
|
||||||
|
|
||||||
@ -111,4 +82,34 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
> .layui-body {
|
||||||
|
> .think-page-body > .layui-card > .layui-card-header {
|
||||||
|
box-sizing: border-box;
|
||||||
|
box-shadow: none !important;
|
||||||
|
border-bottom: @TopHeaderBottomLine;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
> .layui-header {
|
||||||
|
background: none !important;
|
||||||
|
|
||||||
|
.layui-nav-item {
|
||||||
|
&.layui-this > a {
|
||||||
|
color: #098 !important;
|
||||||
|
font-weight: bold;
|
||||||
|
background: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
> a {
|
||||||
|
color: #333 !important;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: #098 !important;
|
||||||
|
background: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user