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

feat: 迁移附带说明垂直导航

Browse Source
This commit is contained in:
augushong
2025-09-01 12:28:43 +08:00
parent 7f85b125c6
commit ae1a945b7b
10 changed files with 98 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
source/components/_index.scss
View File

@@ -24,7 +24,6 @@
@import './header/ul-header/index';
@import './header/ul-header-a/index';
@import './header/ul-header-shape/index';
@import './nav/ul-nav-white/index';
@import './header/ul-shop-header/index';
@import './list/ul-ad-list/index';
@import './list/ul-avatar-list/index';
@@ -48,6 +47,7 @@
@import './nav/ul-nav-block/index';
@import './nav/ul-nav-grid/index';
@import './nav/ul-nav-info/index';
@import './nav/ul-nav-tree/index';
@import './nav/ul-nav-tree-2/index';
@import './nav/ul-nav-white/index';
@import './photo/ul-upload-photo-list/index';

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

@@ -0,0 +1,6 @@
title=附带说明垂直导航
padding=0
margin=0
gray=0
mobile=0
inner_margin=0

56
source/components/nav/ul-nav-tree/_index.html Normal file
View File

@@ -0,0 +1,56 @@
<div class="ul-nav-tree">
<div class="ul-nav-tree-group">
<div class="ul-nav-tree-group-title">起步</div>
<div class="ul-nav-tree-group-main">
<a
href=""
class="ul-nav-tree-item current"
>
<div class="ul-nav-tree-item-title">欢迎</div>
<div class="ul-nav-tree-item-desc">项目介绍/使用说明</div>
</a>
<a
href=""
class="ul-nav-tree-item"
>
<div class="ul-nav-tree-item-title">开始使用</div>
<div class="ul-nav-tree-item-desc">安装方式,注意事项</div>
</a>
<a
href=""
class="ul-nav-tree-item"
>
<div class="ul-nav-tree-item-title">如何使用</div>
<div class="ul-nav-tree-item-desc">复制组件</div>
</a>
</div>
</div>
<div class="ul-nav-tree-group">
<div class="ul-nav-tree-group-title">
组件 </div>
<div class="ul-nav-tree-group-main">
<a
href=""
class="ul-nav-tree-item"
>
<div class="ul-nav-tree-item-title">列表</div>
<div class="ul-nav-tree-item-desc">用户列表/文章列表...</div>
</a>
<a
href=""
class="ul-nav-tree-item"
>
<div class="ul-nav-tree-item-title">头部</div>
<div class="ul-nav-tree-item-desc">页面头</div>
</a>
<a
href=""
class="ul-nav-tree-item"
>
<div class="ul-nav-tree-item-title">导航</div>
<div class="ul-nav-tree-item-desc">横竖导航/多级导航</div>
</a>
</div>
</div>
</div>

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

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

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

30
source/components/nav/ul-nav-tree/_index.scss Normal file
View File

@@ -0,0 +1,30 @@
/* 附带说明垂直导航 */
.ul-nav-tree {}
.ul-nav-tree-group-title {
font-size : 16px;
font-weight: 600;
line-height: 2;
}
.ul-nav-tree-item {
display : flex;
align-items: baseline;
cursor : pointer;
padding : 5px;
white-space: nowrap;
}
.ul-nav-tree-item.current .ul-nav-tree-item-title {
color: #6cf;
}
.ul-nav-tree-item-title {
font-size: 15px;
}
.ul-nav-tree-item-desc {
font-size : 14px;
color : #999;
margin-left: 15px;
}