ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-10 06:02:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化白色导航样式；

Browse Source
This commit is contained in:
augushong
2022-08-22 19:48:55 +08:00
parent 05a90aecff
commit 2e536dd064
3 changed files with 48 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
source/scss/layui-ul.scss
View File

@@ -11,7 +11,6 @@
/* 头部开始 */ /* 头部开始 */
.ul-header { .ul-header {
background-color: #fff; background-color: #fff;
box-shadow : 0 3px 5px #999; box-shadow : 0 3px 5px #999;
@@ -55,50 +54,7 @@
margin-left: 10px; margin-left: 10px;
} }
/* 头部结束 */
/* 导航开始 */
.layui-nav.ul-nav-white {
background-color: #f0f0f0;
}
.layui-nav.ul-nav-white .layui-nav-child a {
color: #666;
}
.layui-nav.ul-nav-white .layui-nav-item a {
color: #666;
}
.layui-nav.ul-nav-white .layui-nav-itemed>.layui-nav-child {
background-color: rgba(255, 255, 255, 0.6) !important;
}
.layui-nav-tree.ul-nav-white .layui-nav-item a:hover {
background-color: #9cf;
color : #fff !important;
}
.layui-nav.ul-nav-white .layui-nav-itemed>a,
.layui-nav-tree.ul-nav-white .layui-nav-title a,
.layui-nav-tree.ul-nav-white .layui-nav-title a:hover {
color: #666 !important;
}
.layui-nav-tree.ul-nav-white .layui-nav-bar {
background-color: #6cf;
}
.layui-nav-tree.ul-nav-white .layui-nav-child dd.layui-this,
.layui-nav-tree.ul-nav-white .layui-nav-child dd.layui-this a,
.layui-nav-tree.ul-nav-white .layui-this,
.layui-nav-tree.ul-nav-white .layui-this>a,
.layui-nav-tree.ul-nav-white .layui-this>a:hover {
background-color: #9cf;
color : #fff;
}
/* 导航结束 */
/* 链接导航开始 */ /* 链接导航开始 */

3
source/scss/nav/_index.scss
View File

@@ -1,2 +1,3 @@
@import './ul-nav-tree'; @import './ul-nav-tree';
@import './ul-nav-card-simple'; @import './ul-nav-card-simple';
@import './ul-nav-white';

46
source/scss/nav/_ul-nav-white.scss Normal file
View File

@@ -0,0 +1,46 @@
/* 头部结束 */
/* 导航开始 */
.layui-nav.ul-nav-white {
background-color: #f0f0f0;
}
.layui-nav.ul-nav-white .layui-nav-child a {
color: #666;
}
.layui-nav.ul-nav-white .layui-nav-item a {
color: #666;
}
.layui-nav.ul-nav-white .layui-nav-itemed>.layui-nav-child {
background-color: rgba(255, 255, 255, 0.6) !important;
padding-left : 15px;
min-width : calc(100% - 15px) !important;
}
.layui-nav-tree.ul-nav-white .layui-nav-item a:hover {
background-color: #9cf;
color : #fff !important;
}
.layui-nav.ul-nav-white .layui-nav-itemed>a,
.layui-nav-tree.ul-nav-white .layui-nav-title a,
.layui-nav-tree.ul-nav-white .layui-nav-title a:hover {
color: #666 !important;
}
.layui-nav-tree.ul-nav-white .layui-nav-bar {
background-color: #6cf;
}
.layui-nav-tree.ul-nav-white .layui-nav-child dd.layui-this,
.layui-nav-tree.ul-nav-white .layui-nav-child dd.layui-this a,
.layui-nav-tree.ul-nav-white .layui-this,
.layui-nav-tree.ul-nav-white .layui-this>a,
.layui-nav-tree.ul-nav-white .layui-this>a:hover {
background-color: #9cf;
color : #fff;
}
/* 导航结束 */