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:
邹景立 2022-03-05 23:49:08 +08:00
parent 2263a78c4b
commit 9c37068d51
11 changed files with 80 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/admin/view/main.html
View File

@ -8,6 +8,7 @@
</div>
{/notempty}
{/block}
<div class="layui-card-line"></div>
<div class="layui-card-body">
<div class="layui-card-html">
{block name='content'}{/block}

1
app/admin/view/table.html
View File

@ -6,6 +6,7 @@
<div class="pull-right">{block name='button'}{/block}</div>
</div>
{/notempty}{/block}
<div class="layui-card-line"></div>
<div class="layui-card-body">
<div class="layui-card-table">
{block name='content'}{/block}

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

@ -14,6 +14,7 @@
// +----------------------------------------------------------------------
// 默认盒边框样式
@BoxBottomLine: 1px solid rgba(0, 0, 0, 0.10);
@BoxBorderColor: #EEE;
@BoxBorderRadius: 3px;
@ -23,17 +24,16 @@
@InputBorderActiveColor: #DDD;
// 基础阴影配置
@ShadowMinOuter: 0 0 4px 0 rgba(0, 0, 0, 0.20);
@ShadowMaxOuter: 0 0 6px 0 rgba(0, 0, 0, 0.20);
@ShadowMainRight: 2px 0 6px rgba(0, 21, 41, .35);
@ShadowMaxInset: 0 1px 20px 0 rgba(0, 0, 0, 0.10) inset;
@ShadowBodyInset1: 1px 1px 6px 0 rgba(0, 0, 0, 0.10) inset;
@ShadowBodyInset2: 1px 1px 6px 2px rgba(0, 0, 0, 0.10) inset;
@ShadowOuterMin: 0 0 4px 0 rgba(0, 0, 0, 0.20);
@ShadowOuterMax: 0 0 6px 0 rgba(0, 0, 0, 0.20);
@ShadowBodyTop: 0 2px 6px 2px rgba(0, 21, 41, 0.35);
@ShadowBodyLeft: 1px 0 6px 2px rgba(0, 21, 41, 0.35);
@ShadowBodyRight: 0 1px 6px 2px rgba(0, 21, 41, 0.35);
@ShadowInset: 0 1px 20px 0 rgba(0, 0, 0, 0.10) inset;
// 导航条颜色配置
@TopHeaderTextColor: #333;
@TopHeaderBackColor: #FFF;
@TopHeaderBottomLine: 1px solid rgba(0, 0, 0, 0.10);
@TopHeaderNavNormalTextColor: @TopHeaderTextColor;
@TopHeaderNavNormalBackColor: @TopHeaderBackColor;
@ -60,7 +60,7 @@
@LoadBackColor: #EFEFEF;
// 窗口页面背景颜色
@BodyMainTop: 51px;
@BodyMainTop: 50px;
@BodyMainBackColor: #EFEFEF;
// 左侧菜单大小
@ -98,7 +98,7 @@
#bodyLayout() {
> form.layui-form.layui-card {
margin: 0;
box-shadow: @ShadowMaxOuter;
box-shadow: @ShadowOuterMax;
> .layui-card-body {
padding: 40px 40px 10px 40px;

18
public/static/theme/css/_custom.less
View File

@ -222,7 +222,7 @@
}
.shadow {
box-shadow: @ShadowMaxOuter;
box-shadow: @ShadowOuterMax;
}
.shadow-none {
@ -230,11 +230,11 @@
}
.shadow-mini {
box-shadow: @ShadowMaxOuter;
box-shadow: @ShadowOuterMax;
}
.shadow-inset {
box-shadow: @ShadowMaxInset;
box-shadow: @ShadowInset;
}
.block {
@ -332,7 +332,7 @@
top: 31px;
padding: 0;
border-width: 0;
box-shadow: @ShadowMaxOuter;
box-shadow: @ShadowOuterMax;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
@ -629,7 +629,7 @@
.think-box-shadow {
padding: 20px !important;
background: #fff !important;
box-shadow: @ShadowMaxOuter;
box-shadow: @ShadowOuterMax;
border-radius: @BoxBorderRadius;
> .layui-card {
@ -644,7 +644,7 @@
background: #FFF;
line-height: 1em;
margin-bottom: 10px;
box-shadow: @ShadowMaxOuter;
box-shadow: @ShadowOuterMax;
border-radius: @BoxBorderRadius;
> b {
@ -754,7 +754,7 @@
position: relative;
overflow: hidden;
border-radius: 3px;
box-shadow: @ShadowMinOuter;
box-shadow: @ShadowOuterMin;
background: url('../img/upimg.png') no-repeat center center;
background-size: cover;
@ -766,7 +766,7 @@
position: absolute;
text-align: center;
line-height: 22px;
box-shadow: @ShadowMinOuter;
box-shadow: @ShadowOuterMin;
background: rgba(0, 0, 0, .8);
}
@ -802,7 +802,7 @@
height: 20px;
display: inline-block;
margin-left: 1px;
box-shadow: @ShadowMinOuter;
box-shadow: @ShadowOuterMin;
text-align: center;
line-height: 20px;
background: rgba(0, 0, 0, 0.8);

2
public/static/theme/css/_display.less
View File

@ -67,7 +67,7 @@ fieldset {
&:hover:not(.layui-btn-disabled) {
opacity: 1;
filter: alpha(opacity=100);
box-shadow: @ShadowMaxInset;
box-shadow: @ShadowInset;
}
&-warm {

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

@ -24,7 +24,6 @@
position: absolute;
box-sizing: content-box;
background: @TopHeaderBackColor !important;
border-bottom: @TopHeaderBottomLine !important;
> ul.layui-nav {
margin: 0;
@ -146,7 +145,7 @@
z-index: 333;
position: fixed;
overflow: hidden;
box-shadow: @ShadowMainRight;
box-shadow: @ShadowBodyLeft;
background-color: @LeftMainBackColor;
.layui-logo {
@ -159,7 +158,7 @@
text-align: center;
box-shadow: none !important;
line-height: @TopHeaderHeight;
border-bottom: @TopHeaderBottomLine;
border-bottom: @BoxBottomLine;
.headimg {
margin: 0 10px 0 0;
@ -167,6 +166,7 @@
.headtxt {
font-size: 18px;
font-weight: bold;
sup {
font-size: 9px;
@ -296,7 +296,7 @@
left: @LayoutDefaLeftSzie;
padding: 0;
z-index: 111;
box-shadow: @ShadowBodyInset1;
overflow: hidden;
background: @BodyMainBackColor;
@ -317,7 +317,6 @@
overflow: auto;
position: absolute;
box-sizing: border-box;
box-shadow: @ShadowBodyInset2;
> .layui-card-html {
padding: 15px;
@ -335,7 +334,7 @@
> div > .layui-tab.layui-tab-card {
border: none;
box-shadow: @ShadowMaxOuter;
box-shadow: @ShadowOuterMax;
& > .layui-tab-content.think-box-shadow {
box-shadow: none;
@ -343,20 +342,35 @@
}
}
> .layui-card-line {
top: 0;
left: 0;
right: 0;
z-index: 3;
position: absolute;
box-shadow: @ShadowBodyTop;
}
> .layui-card-header {
top: @BodyMainTop;
left: @LayoutDefaLeftSzie;
border-top: @BoxBottomLine;
border-bottom-width: 0 !important;
right: 0;
height: 45px;
border: none;
z-index: 3;
z-index: 4;
padding: 0 15px;
position: fixed;
background: #FFF;
line-height: 45px;
& + .layui-card-body {
top: 45px;
& + .layui-card-line {
top: 46px;
& + .layui-card-body {
top: 46px;
}
}
}
}

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

@ -3,9 +3,6 @@
background-color: @leftBackColor;
.layui-logo {
box-shadow: none;
font-weight: bold;
.headtxt {
text-shadow: rgba(0, 0, 0, .5) 1px 2px 2px;
}

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

@ -6,8 +6,7 @@
background-color: @mainColor;
.layui-logo {
box-shadow: none;
font-weight: bold;
z-index: 3;
}
.layui-side-target {
@ -110,16 +109,27 @@
> .layui-body {
left: 260px;
> .think-page-body > .layui-card > .layui-card-header {
left: 261px;
box-sizing: border-box;
border-bottom: unset;
> .think-page-body > .layui-card {
&:before {
top: 0;
left: 0;
bottom: 0;
z-index: 4;
content: '';
position: absolute;
box-shadow: @ShadowBodyRight;
}
> .layui-card-header {
left: 261px;
box-sizing: border-box;
border-bottom: unset;
}
}
}
> .layui-header {
left: 260px;
background-color: @mainColor;
.layui-layout-left {

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

@ -17,7 +17,6 @@
.layui-side-scroll {
display: flex !important;
box-sizing: border-box;
border-right: @TopHeaderBottomLine;
.layui-nav-child {
background: none !important;
@ -86,10 +85,22 @@
}
> .layui-body {
> .think-page-body > .layui-card > .layui-card-header {
box-sizing: border-box;
box-shadow: none !important;
border-bottom: @TopHeaderBottomLine;
> .think-page-body > .layui-card {
&:before {
top: 0;
left: 0;
bottom: 0;
z-index: 4;
content: '';
position: absolute;
box-shadow: @ShadowBodyRight;
}
> .layui-card-header {
box-sizing: border-box;
box-shadow: none !important;
border-left: @BoxBottomLine;
}
}
}

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