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

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

Browse Source
This commit is contained in:
augushong
2023-07-05 16:21:35 +08:00
parent fc0b9f170d
commit 8453e20466
11 changed files with 193 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
source/components/_index.scss
View File

@@ -30,3 +30,4 @@
@import './nav/ul-nav-block/index';
@import './nav/ul-nav-grid/index';
@import './nav/ul-nav-info/index';
@import './nav/ul-nav-tree-2/index';

6
source/components/nav/ul-nav-tree-2/_index.env Normal file
View File

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

26
source/components/nav/ul-nav-tree-2/_index.html Normal file
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>

0
source/components/nav/ul-nav-tree-2/_index.md Normal file
View File

5
source/components/nav/ul-nav-tree-2/_index.php Normal file
View File

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

23
source/components/nav/ul-nav-tree-2/_index.scss Normal file
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;
}
}