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

优化简单二级导航样式

Browse Source
This commit is contained in:
augushong
2024-10-10 17:29:05 +08:00
parent 91615627e4
commit b6cec2c630
4 changed files with 31 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
source/components/nav/ul-nav-tree-2/_index.html
View File

@@ -2,7 +2,7 @@
<div class="ul-nav-tree-2-group">
<div class="ul-nav-tree-2-group-title">账号管理</div>
<div class="ul-nav-tree-2-group-main">
<a href="" class="ul-nav-tree-2-item">
<a href="" class="ul-nav-tree-2-item current">
<div class="ul-nav-tree-2-item-title">个人信息</div>
</a>
<a href="" class="ul-nav-tree-2-item">

47
source/components/nav/ul-nav-tree-2/_index.scss
View File

@@ -1,27 +1,30 @@
.ul-nav-tree-2 {
.ul-nav-tree-2-group-title {
font-size: 14px;
padding: 6px 0;
color: #253647;
font-weight: 600;
white-space: break-spaces;
word-wrap: anywhere;
display: block;
}
.ul-nav-tree-2-group-title {
font-size: 14px;
padding: 6px 0;
color: #253647;
font-weight: 600;
white-space: break-spaces;
word-wrap: anywhere;
display: block;
}
.ul-nav-tree-2-item-title {
font-size: 14px;
color: #999;
padding-left: 15px;
line-height: 24px;
white-space: break-spaces;
word-wrap: anywhere;
}
.ul-nav-tree-2-item:hover .ul-nav-tree-2-item-title {
.ul-nav-tree-2-item {
&.current,
&:hover {
.ul-nav-tree-2-item-title {
color: #6cf;
text-decoration: underline;
}
}
}
}
.ul-nav-tree-2-item-title {
font-size: 14px;
color: #999;
padding-left: 15px;
line-height: 24px;
white-space: break-spaces;
word-wrap: anywhere;
}
}