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-18 16:00:12 +08:00
parent f1ac6f52fb
commit 1b472c3452
4 changed files with 67 additions and 54 deletions
app/admin/view/index
layout.html
public/static/theme/css
_layout.lessconsole.cssconsole.css.map

2
app/admin/view/index/layout.html

@ -22,7 +22,7 @@
<body class="layui-layout-body">
{block name='body'}
<div class="layui-layout layui-layout-admin layui-layout-left-hide layui-theme-left">
<div class="layui-layout layui-layout-admin layui-layout-theme layui-layout-left-hide">
<!-- 顶部菜单 开始 -->
{include file='index/layout-top'}

77
public/static/theme/css/_layout.less

@ -178,9 +178,14 @@
overflow: auto;
position: absolute;
.layui-side-icon {
display: none;
}
.layui-nav-tree {
width: @LayoutDefaLeftSzie;
background: none !important;
}
&:after {
@ -317,11 +322,7 @@
}
}
.layui-side-scroll .layui-side-icon {
display: none;
}
.layui-theme-left {
.layui-layout-theme {
> .layui-side {
width: 260px;
}
@ -335,7 +336,7 @@
}
.layui-nav-item:first-child {
//display: inline-block;
display: inline-block;
}
.layui-nav-item:last-child {
@ -352,44 +353,46 @@
}
}
.layui-side-scroll {
display: flex !important;
.layui-side {
.layui-side-scroll {
display: flex !important;
.layui-side-icon {
width: 60px;
height: 100%;
display: block;
background: #333;
a {
color: #fff;
height: 60px;
.layui-side-icon {
width: 60px;
height: 100%;
display: block;
text-align: center;
line-height: 60px;
}
background: #333;
.layui-icon {
color: @LeftMainNavActiveBackColor
}
> .layui-this {
background: @LeftMainBackColor;
a {
color: #fff;
height: 60px;
display: block;
text-align: center;
line-height: 60px;
}
.layui-icon {
color: @LeftMainNavActiveTextColor;
color: @LeftMainNavActiveBackColor
}
> .layui-this {
background: @LeftMainBackColor;
.layui-icon {
color: @LeftMainNavActiveTextColor;
}
}
}
}
.layui-side-tree {
flex: 1;
height: 100%;
display: block;
}
.layui-side-tree {
flex: 1;
height: 100%;
display: block;
}
.layui-nav-tree {
width: 100% !important;
.layui-nav-tree {
width: 100% !important;
}
}
}
}
@ -425,6 +428,10 @@
display: none !important
}
.layui-side-scroll .layui-side-icon {
display: none;
}
.layui-nav-item {
a {
padding: 0

40
public/static/theme/css/console.css

@ -1547,6 +1547,9 @@ label.think-checkbox {
overflow: auto;
position: absolute;
}
.layui-layout > .layui-side .layui-side-scroll .layui-side-icon {
display: none;
}
.layui-layout > .layui-side .layui-side-scroll .layui-nav-tree {
width: 200px;
background: none !important;
@ -1657,58 +1660,58 @@ label.think-checkbox {
.layui-layout > .layui-body > .think-page-body > .layui-card > .layui-card-header + .layui-card-body {
top: 45px;
}
.layui-side-scroll .layui-side-icon {
display: none;
}
.layui-theme-left > .layui-side {
.layui-layout-theme > .layui-side {
width: 260px;
}
.layui-theme-left > .layui-header {
.layui-layout-theme > .layui-header {
left: 260px;
}
.layui-theme-left > .layui-header .layui-layout-left .layui-nav-item {
.layui-layout-theme > .layui-header .layui-layout-left .layui-nav-item {
display: none;
}
.layui-theme-left > .layui-header .layui-layout-left .layui-nav-item:last-child {
.layui-layout-theme > .layui-header .layui-layout-left .layui-nav-item:first-child {
display: inline-block;
}
.layui-theme-left > .layui-body {
.layui-layout-theme > .layui-header .layui-layout-left .layui-nav-item:last-child {
display: inline-block;
}
.layui-layout-theme > .layui-body {
left: 260px;
}
.layui-theme-left > .layui-body > .think-page-body > .layui-card > .layui-card-header {
.layui-layout-theme > .layui-body > .think-page-body > .layui-card > .layui-card-header {
left: 260px;
}
.layui-theme-left .layui-side-scroll {
.layui-layout-theme .layui-side .layui-side-scroll {
display: flex !important;
}
.layui-theme-left .layui-side-scroll .layui-side-icon {
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-icon {
width: 60px;
height: 100%;
display: block;
background: #333;
}
.layui-theme-left .layui-side-scroll .layui-side-icon a {
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-icon a {
color: #fff;
height: 60px;
display: block;
text-align: center;
line-height: 60px;
}
.layui-theme-left .layui-side-scroll .layui-side-icon .layui-icon {
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-icon .layui-icon {
color: #098;
}
.layui-theme-left .layui-side-scroll .layui-side-icon > .layui-this {
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-icon > .layui-this {
background: #393D49 !important;
}
.layui-theme-left .layui-side-scroll .layui-side-icon > .layui-this .layui-icon {
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-icon > .layui-this .layui-icon {
color: #FFF;
}
.layui-theme-left .layui-side-scroll .layui-side-tree {
.layui-layout-theme .layui-side .layui-side-scroll .layui-side-tree {
flex: 1;
height: 100%;
display: block;
}
.layui-theme-left .layui-side-scroll .layui-nav-tree {
.layui-layout-theme .layui-side .layui-side-scroll .layui-nav-tree {
width: 100% !important;
}
.layui-layout-left-mini .layui-header {
@ -1732,6 +1735,9 @@ label.think-checkbox {
.layui-layout-left-mini > .layui-side .layui-nav-more {
display: none !important;
}
.layui-layout-left-mini > .layui-side .layui-side-scroll .layui-side-icon {
display: none;
}
.layui-layout-left-mini > .layui-side .layui-nav-item a {
padding: 0;
}

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

File diff suppressed because one or more lines are too long