longlong/xw_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化登录和菜单

Browse Source
This commit is contained in:
龙运模
2024-06-26 18:53:48 +08:00
parent 084d29a1f2
commit c77310c675
20 changed files with 5164 additions and 5064 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/style/app.scss
+9 -8
View File
@@ -24,18 +24,18 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
.layout-setting i {font-size: 18px;color: #fff;}
/* 头部 */
.adminui-header {height: 58px;background: #222b45;color: #fff;display: flex;justify-content:space-between;}
.adminui-header {height: 50px;background: #fff;color: #222;display: flex;justify-content:space-between;}
.adminui-header-left {display: flex;align-items: center;padding-left:20px;}
.adminui-header-right {display: flex;align-items: center;}
.adminui-header .logo-bar {font-size: 20px;font-weight: bold;display: flex;align-items: center;}
.adminui-header .logo-bar .logo {margin-right: 10px;width: 35px;height: 35px;}
.adminui-header .logo-bar {font-size: 18px;font-weight: bold;display: flex;align-items: center;width: 170px;}
.adminui-header .logo-bar .logo {height: 42px;}
.adminui-header .nav {display: flex;height: 100%;margin-left: 40px;}
.adminui-header .nav li {padding:0 10px;margin: 0 10px 0 0;font-size: 14px;color: rgba(255, 255, 255, 0.6);list-style: none;height: 100%;display: flex;align-items: center;cursor: pointer;}
.adminui-header .nav li i {margin-right: 5px;}
.adminui-header .nav li:hover {color: #fff;}
.adminui-header .nav li.active {background: rgba(255, 255, 255, 0.1);color: #fff;}
.adminui-header .user-bar .panel-item:hover {background: rgba(255, 255, 255, 0.1)!important;}
.adminui-header .user-bar .user label{color: #fff;}
.adminui-header .nav li.active {background: rgba(0, 0, 0, 0.1);color: #fff;}
.adminui-header .user-bar .panel-item:hover {background: rgba(0, 0, 0, 0.06)!important;}
.adminui-header .user-bar .user label{color: #555;}
/* 左侧菜单 */
.aminui-side-split {width:80px;flex-shrink:0;background: #2c2c2c;display: flex;flex-flow: column;}
@@ -54,7 +54,7 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
.adminui-side-split-scroll::-webkit-scrollbar-track {background-color: rgba(255, 255, 255, 0);}
.adminui-side-split-scroll::-webkit-scrollbar-track:hover {background-color: rgba(255, 255, 255, 0);}
.aminui-side {display: flex;flex-flow: column;flex-shrink:0;width:170px;background: #fff;box-shadow: 2px 0 8px 0 rgba(29,35,41,.05);border-right: 1px solid #e8e8e8;transition:width 0.3s;}
.aminui-side {display: flex;flex-flow: column;flex-shrink:0;width:180px;background: #fff;box-shadow: 2px 0 8px 0 rgba(29,35,41,.05);border-right: none;transition:width 0.3s;}
.adminui-side-top {border-bottom: none;height:50px;line-height: 50px;display: flex;justify-content: space-between;}
.adminui-side-top p {padding:0 0 0 20px;font-size: 14px;font-weight: 500;color: #38373F;}
.adminui-side-top .adminui-side-collapse{width: 64px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
@@ -71,7 +71,8 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
/* 右侧内容 */
.aminui-body {flex: 1;display: flex;flex-flow: column;}
.adminui-topbar {height: 50px;border-bottom: 1px solid #ebeef5;background: #fff;box-shadow: 0 1px 4px rgba(0,21,41,.08);display: flex;justify-content:space-between;}
//border-bottom: 1px solid #ebeef5;background: #fff;box-shadow: 0 1px 4px rgba(0,21,41,.08);
.adminui-topbar {height: 50px;display: flex;justify-content:space-between;}
.adminui-topbar .left-panel {display: flex;align-items: center;}
.adminui-topbar .right-panel {display: flex;align-items: center;}
src/style/fix.scss
+20 -20
View File
@@ -1,25 +1,25 @@
/* 覆盖element-plus样式 */
:root {
--el-color-primary: #409EFF;
--el-color-primary-light-1: #53a7ff;
--el-color-primary-light-2: #66b1ff;
--el-color-primary-light-3: #79bbff;
--el-color-primary-light-4: #8cc4ff;
--el-color-primary-light-5: #9fceff;
--el-color-primary-light-6: #b2d8ff;
--el-color-primary-light-7: #c5e1ff;
--el-color-primary-light-8: #d8ebff;
--el-color-primary-light-9: #ebf5ff;
--el-color-primary-dark-1: #398ee5;
--el-color-primary-dark-2: #337ecc;
--el-color-primary-dark-3: #2c6eb2;
--el-color-primary-dark-4: #265e99;
--el-color-primary-dark-5: #204f7f;
--el-color-primary-dark-6: #193f66;
--el-color-primary-dark-7: #132f4c;
--el-color-primary-dark-8: #0c1f32;
--el-color-primary-dark-9: #060f19;
--el-color-primary: #1367C1;
--el-color-primary-light-1: #2a76c7;
--el-color-primary-light-2: #4285cd;
--el-color-primary-light-3: #5994d3;
--el-color-primary-light-4: #71a3d9;
--el-color-primary-light-5: #89b3e0;
--el-color-primary-light-6: #a0c2e6;
--el-color-primary-light-7: #b8d1ec;
--el-color-primary-light-8: #cfe0f2;
--el-color-primary-light-9: #e7eff8;
--el-color-primary-dark-1: #115cad;
--el-color-primary-dark-2: #0f529a;
--el-color-primary-dark-3: #0d4887;
--el-color-primary-dark-4: #0b3d73;
--el-color-primary-dark-5: #093360;
--el-color-primary-dark-6: #07294d;
--el-color-primary-dark-7: #051e39;
--el-color-primary-dark-8: #031426;
--el-color-primary-dark-9: #010a13;
--el-menu-item-height:50px;
}
@@ -69,7 +69,7 @@
.el-table {font-size: 12px;}
.el-radio-button__inner {font-size: 12px;}
.el-checkbox-button__inner {font-size: 12px;}
.el-sub-menu .el-icon {font-size: 17px;}
.el-sub-menu .el-icon {font-size: 15px;color: #aaa;}
.el-sub-menu .el-sub-menu__icon-arrow {font-size: 12px;}
.aminui-side-split li.active {background-color: var(--el-color-primary);}