mirror of
https://gitee.com/zoujingli/ThinkAdmin.git
synced 2026-07-04 15:11:21 +08:00
Compare commits
6 Commits
e46be7482a
...
6a01c4d83e
| Author | SHA1 | Date | |
|---|---|---|---|
|
6a01c4d83e | ||
|
|
935ad87ae8 | ||
|
|
4ef9998f9d | ||
|
|
9c37068d51 | ||
|
|
2263a78c4b | ||
|
|
f760d7bffa |
@ -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}
|
||||
|
||||
@ -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}
|
||||
|
||||
@ -181,6 +181,8 @@ $(function () {
|
||||
this.$main = $('.think-page-body+.think-page-loader');
|
||||
this.stat = function () {
|
||||
return this.$body.is(':visible');
|
||||
}, this.done = function () {
|
||||
that.page.$body.fadeOut();
|
||||
}, this.show = function () {
|
||||
this.stat() || this.$main.removeClass('layui-hide').show();
|
||||
}, this.hide = function () {
|
||||
@ -293,6 +295,7 @@ $(function () {
|
||||
if (typeof callable === 'function' && callable.call(that, ret) === false) return false;
|
||||
return typeof ret === 'object' ? $.msg.auto(ret, time || ret.wait || undefined) : that.show(ret);
|
||||
}, complete: function () {
|
||||
$.msg.page.done();
|
||||
$.msg.close(loadidx);
|
||||
}
|
||||
});
|
||||
@ -1042,11 +1045,6 @@ $(function () {
|
||||
})
|
||||
});
|
||||
|
||||
/*! 延时关闭加载动画 */
|
||||
window.addEventListener('load', function () {
|
||||
setTimeout("$('body>.think-page-loader').fadeOut()", 200);
|
||||
}, true);
|
||||
|
||||
/*! 图片加载异常处理 */
|
||||
document.addEventListener('error', function (event) {
|
||||
var elem = event.target;
|
||||
|
||||
@ -14,6 +14,7 @@
|
||||
// +----------------------------------------------------------------------
|
||||
|
||||
// 默认盒边框样式
|
||||
@BoxBottomLine: 1px solid rgba(0, 0, 0, 0.10);
|
||||
@BoxBorderColor: #EEE;
|
||||
@BoxBorderRadius: 3px;
|
||||
|
||||
@ -23,15 +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);
|
||||
@ShadowMaxInset: 0 1px 20px 0 rgba(0, 0, 0, 0.10) inset;
|
||||
@ShadowDownInset: 0 1px 6px 0 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 1px 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;
|
||||
|
||||
@ -44,7 +46,6 @@
|
||||
|
||||
// 左侧菜单布局颜色
|
||||
@LeftMainBackColor: #20222A !important;
|
||||
@LeftMainRightShadow: 2px 0 6px rgba(0, 21, 41, .35);
|
||||
|
||||
@LeftMainNavHoverBackColor: rgba(99, 99, 99, 0.2);
|
||||
@LeftMainNavHoverTextColor: #FFF;
|
||||
@ -59,7 +60,7 @@
|
||||
@LoadBackColor: #EFEFEF;
|
||||
|
||||
// 窗口页面背景颜色
|
||||
@BodyMainTop: 51px;
|
||||
@BodyMainTop: 50px;
|
||||
@BodyMainBackColor: #EFEFEF;
|
||||
|
||||
// 左侧菜单大小
|
||||
@ -97,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;
|
||||
|
||||
@ -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 {
|
||||
@ -661,7 +661,7 @@
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 9999999;
|
||||
z-index: 1999;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
background-color: @LoadBackColor;
|
||||
@ -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);
|
||||
|
||||
@ -67,7 +67,7 @@ fieldset {
|
||||
&:hover:not(.layui-btn-disabled) {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
box-shadow: @ShadowMaxInset;
|
||||
box-shadow: @ShadowInset;
|
||||
}
|
||||
|
||||
&-warm {
|
||||
|
||||
@ -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: @LeftMainRightShadow;
|
||||
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;
|
||||
@ -183,22 +183,22 @@
|
||||
height: 100%;
|
||||
display: block;
|
||||
content: "\e65b";
|
||||
line-height: 50px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
transform: rotate(180deg);
|
||||
#iconLayout(10px);
|
||||
}
|
||||
|
||||
top: 50%;
|
||||
right: 0;
|
||||
color: #fff;
|
||||
width: 12px;
|
||||
height: 50px;
|
||||
z-index: 99;
|
||||
right: -5px;
|
||||
width: 15px;
|
||||
height: 30px;
|
||||
z-index: 334;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
display: none;
|
||||
position: absolute;
|
||||
margin-top: -25px;
|
||||
margin-top: -15px;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
border-top-left-radius: 100%;
|
||||
border-bottom-left-radius: 100%;
|
||||
@ -296,8 +296,9 @@
|
||||
left: @LayoutDefaLeftSzie;
|
||||
padding: 0;
|
||||
z-index: 111;
|
||||
overflow: hidden;
|
||||
background: @BodyMainBackColor;
|
||||
box-shadow: @ShadowDownInset;
|
||||
|
||||
|
||||
> .think-page-loader {
|
||||
left: @LayoutDefaLeftSzie
|
||||
@ -333,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;
|
||||
@ -341,21 +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: 1px solid #fff !important;
|
||||
|
||||
right: 0;
|
||||
height: 45px;
|
||||
border: none;
|
||||
z-index: 3;
|
||||
z-index: 4;
|
||||
padding: 0 15px;
|
||||
position: fixed;
|
||||
background: #FFF;
|
||||
line-height: 45px;
|
||||
box-shadow: @ShadowMaxOuter;
|
||||
|
||||
& + .layui-card-body {
|
||||
top: 45px;
|
||||
& + .layui-card-line {
|
||||
top: 46px;
|
||||
|
||||
& + .layui-card-body {
|
||||
top: 46px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -3,11 +3,8 @@
|
||||
background-color: @leftBackColor;
|
||||
|
||||
.layui-logo {
|
||||
box-shadow: none;
|
||||
font-weight: bold;
|
||||
|
||||
.headtxt {
|
||||
text-shadow: #000 3px 4px 5px;
|
||||
text-shadow: rgba(0, 0, 0, .5) 1px 2px 2px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -48,12 +45,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
> .layui-body {
|
||||
> .think-page-body > .layui-card > .layui-card-header {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
> .layui-header {
|
||||
background: @headNormalBackColor;
|
||||
|
||||
|
||||
@ -6,9 +6,11 @@
|
||||
background-color: @mainColor;
|
||||
|
||||
.layui-logo {
|
||||
color: #fff;
|
||||
box-shadow: none;
|
||||
font-weight: bold;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.layui-side-target {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.layui-side-scroll {
|
||||
@ -40,7 +42,7 @@
|
||||
color: #fff;
|
||||
overflow: hidden;
|
||||
max-width: 4em;
|
||||
margin-right: 5px;
|
||||
// margin-right: 5px;
|
||||
text-overflow: ellipsis;
|
||||
vertical-align: middle;
|
||||
display: inline-block !important;
|
||||
@ -107,10 +109,20 @@
|
||||
> .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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -145,8 +157,6 @@
|
||||
> .layui-layout-left-hide,
|
||||
> .layui-layout-left-mini {
|
||||
> .layui-side {
|
||||
width: 260px;
|
||||
z-index: 11;
|
||||
|
||||
.layui-logo {
|
||||
.headimg {
|
||||
@ -171,16 +181,17 @@
|
||||
}
|
||||
|
||||
> .layui-body {
|
||||
z-index: 11;
|
||||
left: @iconWidth;
|
||||
z-index: 333;
|
||||
|
||||
> .think-page-body > .layui-card > .layui-card-header {
|
||||
left: @iconWidth;
|
||||
left: @iconWidth+1;
|
||||
}
|
||||
}
|
||||
|
||||
> .layui-header {
|
||||
left: 260px !important;
|
||||
z-index: 334;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -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,21 @@
|
||||
}
|
||||
|
||||
> .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-shadow: none !important;
|
||||
border-left: @BoxBottomLine;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
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