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> </div>
{/notempty} {/notempty}
{/block} {/block}
<div class="layui-card-line"></div>
<div class="layui-card-body"> <div class="layui-card-body">
<div class="layui-card-html"> <div class="layui-card-html">
{block name='content'}{/block} {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 class="pull-right">{block name='button'}{/block}</div>
</div> </div>
{/notempty}{/block} {/notempty}{/block}
<div class="layui-card-line"></div>
<div class="layui-card-body"> <div class="layui-card-body">
<div class="layui-card-table"> <div class="layui-card-table">
{block name='content'}{/block} {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; @BoxBorderColor: #EEE;
@BoxBorderRadius: 3px; @BoxBorderRadius: 3px;
@ -23,17 +24,16 @@
@InputBorderActiveColor: #DDD; @InputBorderActiveColor: #DDD;
// 基础阴影配置 // 基础阴影配置
@ShadowMinOuter: 0 0 4px 0 rgba(0, 0, 0, 0.20); @ShadowOuterMin: 0 0 4px 0 rgba(0, 0, 0, 0.20);
@ShadowMaxOuter: 0 0 6px 0 rgba(0, 0, 0, 0.20); @ShadowOuterMax: 0 0 6px 0 rgba(0, 0, 0, 0.20);
@ShadowMainRight: 2px 0 6px rgba(0, 21, 41, .35); @ShadowBodyTop: 0 2px 6px 2px rgba(0, 21, 41, 0.35);
@ShadowMaxInset: 0 1px 20px 0 rgba(0, 0, 0, 0.10) inset; @ShadowBodyLeft: 1px 0 6px 2px rgba(0, 21, 41, 0.35);
@ShadowBodyInset1: 1px 1px 6px 0 rgba(0, 0, 0, 0.10) inset; @ShadowBodyRight: 0 1px 6px 2px rgba(0, 21, 41, 0.35);
@ShadowBodyInset2: 1px 1px 6px 2px rgba(0, 0, 0, 0.10) inset; @ShadowInset: 0 1px 20px 0 rgba(0, 0, 0, 0.10) inset;
// 导航条颜色配置 // 导航条颜色配置
@TopHeaderTextColor: #333; @TopHeaderTextColor: #333;
@TopHeaderBackColor: #FFF; @TopHeaderBackColor: #FFF;
@TopHeaderBottomLine: 1px solid rgba(0, 0, 0, 0.10);
@TopHeaderNavNormalTextColor: @TopHeaderTextColor; @TopHeaderNavNormalTextColor: @TopHeaderTextColor;
@TopHeaderNavNormalBackColor: @TopHeaderBackColor; @TopHeaderNavNormalBackColor: @TopHeaderBackColor;
@ -60,7 +60,7 @@
@LoadBackColor: #EFEFEF; @LoadBackColor: #EFEFEF;
// 窗口页面背景颜色 // 窗口页面背景颜色
@BodyMainTop: 51px; @BodyMainTop: 50px;
@BodyMainBackColor: #EFEFEF; @BodyMainBackColor: #EFEFEF;
// 左侧菜单大小 // 左侧菜单大小
@ -98,7 +98,7 @@
#bodyLayout() { #bodyLayout() {
> form.layui-form.layui-card { > form.layui-form.layui-card {
margin: 0; margin: 0;
box-shadow: @ShadowMaxOuter; box-shadow: @ShadowOuterMax;
> .layui-card-body { > .layui-card-body {
padding: 40px 40px 10px 40px; padding: 40px 40px 10px 40px;

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

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

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

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

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

@ -3,9 +3,6 @@
background-color: @leftBackColor; background-color: @leftBackColor;
.layui-logo { .layui-logo {
box-shadow: none;
font-weight: bold;
.headtxt { .headtxt {
text-shadow: rgba(0, 0, 0, .5) 1px 2px 2px; 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; background-color: @mainColor;
.layui-logo { .layui-logo {
box-shadow: none; z-index: 3;
font-weight: bold;
} }
.layui-side-target { .layui-side-target {
@ -110,16 +109,27 @@
> .layui-body { > .layui-body {
left: 260px; left: 260px;
> .think-page-body > .layui-card > .layui-card-header { > .think-page-body > .layui-card {
left: 261px; &:before {
box-sizing: border-box; top: 0;
border-bottom: unset; 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 { > .layui-header {
left: 260px; left: 260px;
background-color: @mainColor; background-color: @mainColor;
.layui-layout-left { .layui-layout-left {

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

@ -17,7 +17,6 @@
.layui-side-scroll { .layui-side-scroll {
display: flex !important; display: flex !important;
box-sizing: border-box; box-sizing: border-box;
border-right: @TopHeaderBottomLine;
.layui-nav-child { .layui-nav-child {
background: none !important; background: none !important;
@ -86,10 +85,22 @@
} }
> .layui-body { > .layui-body {
> .think-page-body > .layui-card > .layui-card-header { > .think-page-body > .layui-card {
box-sizing: border-box; &:before {
box-shadow: none !important; top: 0;
border-bottom: @TopHeaderBottomLine; 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