修改后台样式

This commit is contained in:
Anyon 2022-03-03 11:23:59 +08:00
parent 468c489121
commit 2e22d71615
10 changed files with 21 additions and 10 deletions

View File

@ -23,14 +23,14 @@
{block name='body'} {block name='body'}
<div class="layui-layout layui-layout-admin layui-layout-left-hide"> <div class="layui-layout layui-layout-admin layui-layout-left-hide">
<!-- 顶部菜单 开始 -->
{include file='index/index-top'}
<!-- 顶部菜单 结束 -->
<!-- 左则菜单 开始 --> <!-- 左则菜单 开始 -->
{include file="index/index-left"} {include file="index/index-left"}
<!-- 左则菜单 结束 --> <!-- 左则菜单 结束 -->
<!-- 顶部菜单 开始 -->
{include file='index/index-top'}
<!-- 顶部菜单 结束 -->
<!-- 主体内容 开始 --> <!-- 主体内容 开始 -->
<div class="layui-body"> <div class="layui-body">
<div class="think-page-body"> <div class="think-page-body">

View File

@ -44,6 +44,7 @@
// 左侧菜单布局颜色 // 左侧菜单布局颜色
@LeftMainBackColor: #20222A !important; @LeftMainBackColor: #20222A !important;
@LeftMainRightShadow: 2px 0 6px rgba(0, 21, 41, .35);
@LeftMainNavHoverBackColor: rgba(99, 99, 99, 0.2); @LeftMainNavHoverBackColor: rgba(99, 99, 99, 0.2);
@LeftMainNavHoverTextColor: #FFF; @LeftMainNavHoverTextColor: #FFF;

View File

@ -20,6 +20,7 @@
right: 0; right: 0;
color: @TopHeaderTextColor !important; color: @TopHeaderTextColor !important;
height: @TopHeaderHeight !important; height: @TopHeaderHeight !important;
z-index: 222;
position: absolute; position: absolute;
box-sizing: content-box; box-sizing: content-box;
background: @TopHeaderBackColor !important; background: @TopHeaderBackColor !important;
@ -142,8 +143,10 @@
top: 0; top: 0;
bottom: 0; bottom: 0;
width: @LayoutDefaLeftSzie; width: @LayoutDefaLeftSzie;
z-index: 333;
position: fixed; position: fixed;
overflow: hidden; overflow: hidden;
box-shadow: @LeftMainRightShadow;
background-color: @LeftMainBackColor; background-color: @LeftMainBackColor;
.layui-logo { .layui-logo {
@ -292,6 +295,7 @@
top: @BodyMainTop; top: @BodyMainTop;
left: @LayoutDefaLeftSzie; left: @LayoutDefaLeftSzie;
padding: 0; padding: 0;
z-index: 111;
background: @BodyMainBackColor; background: @BodyMainBackColor;
box-shadow: @ShadowDownInset; box-shadow: @ShadowDownInset;

View File

@ -3,9 +3,12 @@
background-color: @leftBackColor; background-color: @leftBackColor;
.layui-logo { .layui-logo {
color: #FFF;
box-shadow: none; box-shadow: none;
font-weight: bold; font-weight: bold;
.headtxt {
text-shadow: #000 3px 4px 5px;
}
} }
.layui-side-scroll { .layui-side-scroll {

View File

@ -2,7 +2,7 @@
@import "_config.less"; @import "_config.less";
.layui-layout-theme-blue-1 { .layui-layout-theme-blue-1 {
@mainActiveBack: #0E54C4 !important; @mainActiveBack: #3963bc !important;
@mainNormalBack: rgba(0, 0, 0, 0.1) !important; @mainNormalBack: rgba(0, 0, 0, 0.1) !important;
@mainActionText: #FFFFFF !important; @mainActionText: #FFFFFF !important;

View File

@ -2,6 +2,7 @@
> .layui-side { > .layui-side {
width: 260px; width: 260px;
display: block !important; display: block !important;
box-shadow: none !important;
background-color: @mainColor; background-color: @mainColor;
.layui-logo { .layui-logo {

View File

@ -4,8 +4,8 @@
.layui-layout-theme-blue-2 { .layui-layout-theme-blue-2 {
@iconWidth: 100px !important; @iconWidth: 100px !important;
@mainColor: #0E54C4 !important; @mainColor: #3963bc !important;
@textColor: #0E54C4 !important; @textColor: @mainColor;
@import (multiple)"_layout_2.less"; @import (multiple)"_layout_2.less";
} }

View File

@ -2,8 +2,10 @@
@import "_config.less"; @import "_config.less";
.layui-layout-theme-white { .layui-layout-theme-white {
> .layui-layout-admin { > .layui-layout-admin {
> .layui-side { > .layui-side {
box-shadow: none;
background-color: #fff !important; background-color: #fff !important;
.layui-logo { .layui-logo {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long