blackteay/ThinkAdmin
1
0
Fork 0
mirror of https://gitee.com/zoujingli/ThinkAdmin.git synced 2025-04-06 03:58:04 +08:00
Code Issues Projects Releases Wiki Activity

修改后台样式

Browse Source
This commit is contained in:
Anyon 2022-01-20 11:17:55 +08:00
parent 64a1786a50
commit 7b627fb9c1
6 changed files with 55 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -92,4 +92,15 @@
<button class="layui-btn" type="submit">保存配置</button>
<button class="layui-btn layui-btn-danger" type='button' data-confirm="确定要取消修改吗？" data-close>取消修改</button>
</div>
</form>
</form>
<script>
layui.form.render();
$('[name="site_theme"]').on('click', function () {
var alls = '', that = this, prox = 'layui-layout-theme-', curt = prox + that.value;
$('[name="site_theme"]').map(function () {
if (this.value !== that.value) alls += ' ' + prox + this.value;
});
$('.layui-layout-admin').removeClass(alls).addClass(curt)
});
</script>

5
app/admin/view/index/layout-left.html
View File

@ -1,10 +1,9 @@
<div class="layui-side notselect">
<a class="layui-side-target" data-target-menu-type></a>
<a class="layui-logo layui-elip" href="{:sysuri('@')}" title="{:sysconf('app_name')}">
{:sysconf('app_name')} {if sysconf('app_version')}<sup>{:sysconf('app_version')}</sup>{/if}
<span class="headimg headimg-no headimg-xs" data-lazy-src="{:sysconf('site_icon')}"></span>
<span class="headtxt">{:sysconf('app_name')} {if sysconf('app_version')}<sup>{:sysconf('app_version')}</sup>{/if}</span>
</a>
<a class="layui-logo-mini layui-elip" href="{:sysuri('@')}" title="{:sysconf('app_name')}">
<span class="headimg headimg-xs" data-lazy-src="{:sysconf('site_icon')}"></span>
</a>
<div class="layui-side-scroll">
<div class="layui-side-icon">

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

@ -30,10 +30,6 @@
padding: 0;
white-space: nowrap;
.layui-logo {
display: block;
}
.layui-logo-hide {
width: 50px !important;
padding: 0 !important;
@ -146,28 +142,30 @@
overflow: hidden;
background-color: @LeftMainBackColor;
.layui-logo,
.layui-logo-mini {
.layui-logo {
color: #FFF;
width: auto;
height: @TopHeaderHeight;
display: block;
overflow: hidden;
position: relative;
font-size: 18px;
text-align: center;
line-height: @TopHeaderHeight;
border-bottom: 1px solid rgba(0, 0, 0, .15);
sup {
font-size: 9px;
line-height: 9px;
padding-left: 5px;
.headimg {
margin: 0 10px 0 0;
}
}
.layui-logo-mini {
display: none;
.headtxt {
font-size: 18px;
sup {
font-size: 9px;
line-height: 9px;
padding-left: 5px;
}
}
}
.layui-nav-bar {
@ -210,7 +208,6 @@
.layui-nav-item {
> a {
background: rgba(100, 100, 100, .30) !important;
border-bottom: 1px solid rgba(0, 0, 0, .20);
&:hover {
background-color: rgba(100, 100, 100, .35) !important;
@ -344,11 +341,14 @@
> .layui-side {
.layui-logo {
display: none;
}
.headimg {
margin: 0;
display: inline-block;
}
.layui-logo-mini {
display: block;
.headtxt {
display: none;
}
}
.layui-nav-more {

16
public/static/theme/css/_layout.white.less
View File

@ -1,3 +1,6 @@
@charset "UTF-8";
@import "_config.less";
.layui-layout-theme-white {
&.layui-layout-left-mini {
> .layui-side .layui-side-target:before {
@ -28,14 +31,14 @@
> .layui-body {
> .think-page-body > .layui-card > .layui-card-header {
height: 50px;
line-height: 50px;
//height: 50px;
//line-height: 50px;
box-sizing: border-box;
box-shadow: none !important;
border-bottom: @TopHeaderBottomLine;
+ .layui-card-body {
top: 50px;
//top: 50px;
}
}
}
@ -75,15 +78,10 @@
border-bottom-left-radius: 100%;
}
.layui-logo,
.layui-logo-mini {
.layui-logo {
color: #333;
box-shadow: none;
font-weight: bold;
.headimg {
margin: 0 !important;
}
}
.layui-side-scroll {

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

@ -1708,9 +1708,6 @@ fieldset legend {
padding: 0;
white-space: nowrap;
}
.layui-layout > .layui-header > ul.layui-nav .layui-logo {
display: block;
}
.layui-layout > .layui-header > ul.layui-nav .layui-logo-hide {
width: 50px !important;
padding: 0 !important;
@ -1799,28 +1796,28 @@ fieldset legend {
overflow: hidden;
background-color: #393D49 !important;
}
.layui-layout > .layui-side .layui-logo,
.layui-layout > .layui-side .layui-logo-mini {
.layui-layout > .layui-side .layui-logo {
color: #FFF;
width: auto;
height: 50px;
display: block;
overflow: hidden;
position: relative;
font-size: 18px;
text-align: center;
line-height: 50px;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.layui-layout > .layui-side .layui-logo sup,
.layui-layout > .layui-side .layui-logo-mini sup {
.layui-layout > .layui-side .layui-logo .headimg {
margin: 0 10px 0 0;
}
.layui-layout > .layui-side .layui-logo .headtxt {
font-size: 18px;
}
.layui-layout > .layui-side .layui-logo .headtxt sup {
font-size: 9px;
line-height: 9px;
padding-left: 5px;
}
.layui-layout > .layui-side .layui-logo-mini {
display: none;
}
.layui-layout > .layui-side .layui-nav-bar {
display: none !important;
}
@ -1864,7 +1861,6 @@ fieldset legend {
}
.layui-layout > .layui-side .layui-side-scroll .layui-nav-item > a {
background: rgba(100, 100, 100, 0.3) !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.layui-layout > .layui-side .layui-side-scroll .layui-nav-item > a:hover {
background-color: rgba(100, 100, 100, 0.35) !important;
@ -1968,11 +1964,12 @@ fieldset legend {
.layui-layout-left-mini > .layui-body > .think-page-body > .layui-card > .layui-card-header {
left: 50px !important;
}
.layui-layout-left-mini > .layui-side .layui-logo {
display: none;
.layui-layout-left-mini > .layui-side .layui-logo .headimg {
margin: 0;
display: inline-block;
}
.layui-layout-left-mini > .layui-side .layui-logo-mini {
display: block;
.layui-layout-left-mini > .layui-side .layui-logo .headtxt {
display: none;
}
.layui-layout-left-mini > .layui-side .layui-nav-more {
display: none !important;
@ -2053,15 +2050,10 @@ fieldset legend {
background: none !important;
}
.layui-layout-theme-white > .layui-body > .think-page-body > .layui-card > .layui-card-header {
height: 50px;
line-height: 50px;
box-sizing: border-box;
box-shadow: none !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
.layui-layout-theme-white > .layui-body > .think-page-body > .layui-card > .layui-card-header + .layui-card-body {
top: 50px;
}
.layui-layout-theme-white .layui-side {
background-color: #fff !important;
}
@ -2095,16 +2087,11 @@ fieldset legend {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.layui-layout-theme-white .layui-side .layui-logo,
.layui-layout-theme-white .layui-side .layui-logo-mini {
.layui-layout-theme-white .layui-side .layui-logo {
color: #333;
box-shadow: none;
font-weight: bold;
}
.layui-layout-theme-white .layui-side .layui-logo .headimg,
.layui-layout-theme-white .layui-side .layui-logo-mini .headimg {
margin: 0 !important;
}
.layui-layout-theme-white .layui-side .layui-side-scroll {
display: flex !important;
box-sizing: border-box;

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

File diff suppressed because one or more lines are too long