修改样式

This commit is contained in:
Anyon 2022-01-18 18:58:49 +08:00
parent 07d7dbef8b
commit 121ee038e9
4 changed files with 32 additions and 18 deletions

View File

@ -1,5 +1,5 @@
<div class="layui-side notselect"> <div class="layui-side notselect">
<div class="layui-side-target" data-target-menu-type></div> <a class="layui-side-target" data-target-menu-type></a>
<a class="layui-logo layui-elip" href="{:sysuri('@')}" title="{:sysconf('app_name')}"> <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} {:sysconf('app_name')} {if sysconf('app_version')}<sup>{:sysconf('app_version')}</sup>{/if}
</a> </a>

View File

@ -319,9 +319,10 @@
&.layui-layout-left-hide, &.layui-layout-left-hide,
&.layui-layout-left-mini { &.layui-layout-left-mini {
> .layui-side { > .layui-side {
z-index: 77; width: 60px !important;
display: block !important; display: block !important;
background-color: unset !important; background-color: unset !important;
z-index: 77;
> .layui-logo { > .layui-logo {
display: none !important; display: none !important;
@ -332,10 +333,16 @@
} }
} }
.layui-side-scroll .layui-side-tree { .layui-side-scroll {
.layui-side-icon {
display: inline-block;
}
.layui-side-tree {
display: block; display: block;
} }
} }
}
> .layui-body { > .layui-body {
z-index: 88; z-index: 88;
@ -401,25 +408,26 @@
.layui-side-target { .layui-side-target {
&:before { &:before {
content: '≪'; content: '≪';
color: #333; color: #FFF;
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
line-height: 30px; line-height: 50px;
text-align: center; text-align: center;
} }
top: 50%; top: 50%;
right: 0; right: 0;
color: #fff; color: #fff;
width: 30px; width: 12px;
height: 30px; height: 50px;
z-index: 99; z-index: 99;
display: block; display: block;
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
background: #ccc; background: rgba(0, 0, 0, 0.4);
border-radius: 50%; border-top-left-radius: 80%;
border-bottom-left-radius: 80%;
} }
.layui-logo, .layui-logo-mini { .layui-logo, .layui-logo-mini {

View File

@ -1667,9 +1667,10 @@ label.think-checkbox {
} }
.layui-layout-theme.layui-layout-left-hide > .layui-side, .layui-layout-theme.layui-layout-left-hide > .layui-side,
.layui-layout-theme.layui-layout-left-mini > .layui-side { .layui-layout-theme.layui-layout-left-mini > .layui-side {
z-index: 77; width: 60px !important;
display: block !important; display: block !important;
background-color: unset !important; background-color: unset !important;
z-index: 77;
} }
.layui-layout-theme.layui-layout-left-hide > .layui-side > .layui-logo, .layui-layout-theme.layui-layout-left-hide > .layui-side > .layui-logo,
.layui-layout-theme.layui-layout-left-mini > .layui-side > .layui-logo { .layui-layout-theme.layui-layout-left-mini > .layui-side > .layui-logo {
@ -1680,6 +1681,10 @@ label.think-checkbox {
width: 60px; width: 60px;
display: inline-block; display: inline-block;
} }
.layui-layout-theme.layui-layout-left-hide > .layui-side .layui-side-scroll .layui-side-icon,
.layui-layout-theme.layui-layout-left-mini > .layui-side .layui-side-scroll .layui-side-icon {
display: inline-block;
}
.layui-layout-theme.layui-layout-left-hide > .layui-side .layui-side-scroll .layui-side-tree, .layui-layout-theme.layui-layout-left-hide > .layui-side .layui-side-scroll .layui-side-tree,
.layui-layout-theme.layui-layout-left-mini > .layui-side .layui-side-scroll .layui-side-tree { .layui-layout-theme.layui-layout-left-mini > .layui-side .layui-side-scroll .layui-side-tree {
display: block; display: block;
@ -1736,22 +1741,23 @@ label.think-checkbox {
top: 50%; top: 50%;
right: 0; right: 0;
color: #fff; color: #fff;
width: 30px; width: 12px;
height: 30px; height: 50px;
z-index: 99; z-index: 99;
display: block; display: block;
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
background: #ccc; background: rgba(0, 0, 0, 0.4);
border-radius: 50%; border-top-left-radius: 80%;
border-bottom-left-radius: 80%;
} }
.layui-layout-theme .layui-side .layui-side-target:before { .layui-layout-theme .layui-side .layui-side-target:before {
content: '≪'; content: '≪';
color: #333; color: #FFF;
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
line-height: 30px; line-height: 50px;
text-align: center; text-align: center;
} }
.layui-layout-theme .layui-side .layui-logo, .layui-layout-theme .layui-side .layui-logo,

File diff suppressed because one or more lines are too long