将ul-nav-tree-2重构新架构并调整样式细节

This commit is contained in:
2023-07-05 16:21:35 +08:00
parent fc0b9f170d
commit 8453e20466
11 changed files with 193 additions and 172 deletions

View File

@@ -0,0 +1,6 @@
title=简单二级导航
padding=0
margin=0
gray=0
mobile=0
inner_margin=0

View File

@@ -0,0 +1,26 @@
<div class="ul-nav-tree-2">
<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">
<div class="ul-nav-tree-2-item-title">个人信息</div>
</a>
<a href="" class="ul-nav-tree-2-item">
<div class="ul-nav-tree-2-item-title">安全中心</div>
</a>
<a href="" class="ul-nav-tree-2-item">
<div class="ul-nav-tree-2-item-title">提现管理</div>
</a>
</div>
</div>
<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">
<div class="ul-nav-tree-2-item-title">余额宝</div>
</a>
</div>
</div>
</div>

View File

@@ -0,0 +1,5 @@
<?php
return [
];

View File

@@ -0,0 +1,23 @@
.ul-nav-tree-2 {
.ul-nav-tree-2-group-title {
font-size: 14px;
padding: 6px 0;
color: #253647;
font-weight: 600;
}
.ul-nav-tree-2-item-title {
font-size: 14px;
color: #999;
padding-left: 15px;
line-height: 24px;
}
.ul-nav-tree-2-item:hover .ul-nav-tree-2-item-title {
color: #6cf;
text-decoration: underline;
}
}