修改样式

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

View File

@ -22,7 +22,7 @@
<body class="layui-layout-body"> <body class="layui-layout-body">
{block name='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'} {include file='index/layout-top'}

View File

@ -178,9 +178,14 @@
overflow: auto; overflow: auto;
position: absolute; position: absolute;
.layui-side-icon {
display: none;
}
.layui-nav-tree { .layui-nav-tree {
width: @LayoutDefaLeftSzie; width: @LayoutDefaLeftSzie;
background: none !important; background: none !important;
} }
&:after { &:after {
@ -317,11 +322,7 @@
} }
} }
.layui-side-scroll .layui-side-icon { .layui-layout-theme {
display: none;
}
.layui-theme-left {
> .layui-side { > .layui-side {
width: 260px; width: 260px;
} }
@ -335,7 +336,7 @@
} }
.layui-nav-item:first-child { .layui-nav-item:first-child {
//display: inline-block; display: inline-block;
} }
.layui-nav-item:last-child { .layui-nav-item:last-child {
@ -352,6 +353,7 @@
} }
} }
.layui-side {
.layui-side-scroll { .layui-side-scroll {
display: flex !important; display: flex !important;
@ -392,6 +394,7 @@
width: 100% !important; width: 100% !important;
} }
} }
}
} }
.layui-layout-left-mini { .layui-layout-left-mini {
@ -425,6 +428,10 @@
display: none !important display: none !important
} }
.layui-side-scroll .layui-side-icon {
display: none;
}
.layui-nav-item { .layui-nav-item {
a { a {
padding: 0 padding: 0

View File

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

File diff suppressed because one or more lines are too long