优化简单二级导航样式

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

View File

@@ -2419,6 +2419,10 @@
word-wrap: anywhere;
display: block;
}
.ul-nav-tree-2 .ul-nav-tree-2-item.current .ul-nav-tree-2-item-title, .ul-nav-tree-2 .ul-nav-tree-2-item:hover .ul-nav-tree-2-item-title {
color: #6cf;
text-decoration: underline;
}
.ul-nav-tree-2 .ul-nav-tree-2-item-title {
font-size: 14px;
color: #999;
@@ -2427,10 +2431,6 @@
white-space: break-spaces;
word-wrap: anywhere;
}
.ul-nav-tree-2 .ul-nav-tree-2-item:hover .ul-nav-tree-2-item-title {
color: #6cf;
text-decoration: underline;
}
/* 链接导航开始 */
.ul-link-select {

File diff suppressed because one or more lines are too long

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">

View File

@@ -1,7 +1,5 @@
.ul-nav-tree-2 {
.ul-nav-tree-2-group-title {
font-size: 14px;
padding: 6px 0;
color: #253647;
@@ -11,6 +9,16 @@
display: block;
}
.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;
@@ -19,9 +27,4 @@
white-space: break-spaces;
word-wrap: anywhere;
}
.ul-nav-tree-2-item:hover .ul-nav-tree-2-item-title {
color: #6cf;
text-decoration: underline;
}
}