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

feat: 迁移无底色简约导航

Browse Source
This commit is contained in:
augushong
2025-09-01 12:30:27 +08:00
parent ae1a945b7b
commit 8df0da82d4
10 changed files with 87 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
demo/pc/nav.html
View File

@@ -1,20 +1,4 @@
<fieldset class="layui-elem-field layui-field-title">
<legend>无底色简约导航</legend>
<div class="layui-field-box">
<ul class="layui-nav layui-nav-tree ul-nav-easy" lay-filter="user-nav">
<li class="layui-nav-item"><a href="">概况</a></li>
<li class="layui-nav-item layui-this"><a href="">文章管理</a></li>
<li class="layui-nav-item"><a href="">素材管理</a></li>
<li class="layui-nav-item"><a href="">评论管理</a></li>
<li class="layui-nav-item"><a href="">消息通知</a></li>
<li class="layui-nav-item"><a href="">数据分析</a></li>
<li class="layui-nav-item"><a href="">粉丝管理</a></li>
<li class="layui-nav-item"><a href="">私信管理</a></li>
<li class="layui-nav-item"><a href="">帐号设置</a></li>
</ul>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>最简单的导航</legend>
<div class="layui-field-box">

60
public/cdn/layui-ul.css
View File

@@ -2434,6 +2434,36 @@
color: #fff;
}
.ul-nav-easy {
background-color: transparent;
}
.layui-nav-tree.ul-nav-easy .layui-nav-item > a {
color: #666;
}
.layui-nav-tree.ul-nav-easy .layui-this {
background-color: transparent;
}
.layui-nav-tree.ul-nav-easy .layui-this > a {
background-color: transparent;
color: #6cf;
}
.layui-nav-tree.ul-nav-easy .layui-nav-item.layui-this a:hover {
color: #6cf;
}
.layui-nav-tree.ul-nav-easy .layui-nav-item a:hover {
color: #fff;
}
.layui-nav-tree.ul-nav-easy .layui-nav-item a {
height: 45px;
line-height: 45px;
}
.ul-nav-grid {
display: flex;
flex-wrap: wrap;
@@ -2832,36 +2862,6 @@
display: block;
}
.ul-nav-easy {
background-color: transparent;
}
.layui-nav-tree.ul-nav-easy .layui-nav-item > a {
color: #666;
}
.layui-nav-tree.ul-nav-easy .layui-this {
background-color: transparent;
}
.layui-nav-tree.ul-nav-easy .layui-this > a {
background-color: transparent;
color: #6cf;
}
.layui-nav-tree.ul-nav-easy .layui-nav-item.layui-this a:hover {
color: #6cf;
}
.layui-nav-tree.ul-nav-easy .layui-nav-item a:hover {
color: #fff;
}
.layui-nav-tree.ul-nav-easy .layui-nav-item a {
height: 45px;
line-height: 45px;
}
.search-item {
margin-bottom: 15px;
}

2
public/cdn/layui-ul.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
source/components/_index.scss
View File

@@ -45,6 +45,7 @@
@import './list/ul-site-group/index';
@import './logo/ul-logo/index';
@import './nav/ul-nav-block/index';
@import './nav/ul-nav-easy/index';
@import './nav/ul-nav-grid/index';
@import './nav/ul-nav-info/index';
@import './nav/ul-nav-tree/index';

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

@@ -0,0 +1,6 @@
title=无底色简约导航
padding=0
margin=0
gray=0
mobile=0
inner_margin=0

14
source/components/nav/ul-nav-easy/_index.html Normal file
View File

@@ -0,0 +1,14 @@
<ul
class="layui-nav layui-nav-tree ul-nav-easy"
lay-filter="user-nav"
>
<li class="layui-nav-item"><a href="">概况</a></li>
<li class="layui-nav-item layui-this"><a href="">文章管理</a></li>
<li class="layui-nav-item"><a href="">素材管理</a></li>
<li class="layui-nav-item"><a href="">评论管理</a></li>
<li class="layui-nav-item"><a href="">消息通知</a></li>
<li class="layui-nav-item"><a href="">数据分析</a></li>
<li class="layui-nav-item"><a href="">粉丝管理</a></li>
<li class="layui-nav-item"><a href="">私信管理</a></li>
<li class="layui-nav-item"><a href="">帐号设置</a></li>
</ul>

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

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

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

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

@@ -0,0 +1,30 @@
.ul-nav-easy {
background-color: transparent;
}
.layui-nav-tree.ul-nav-easy .layui-nav-item>a {
color: #666;
}
.layui-nav-tree.ul-nav-easy .layui-this {
background-color: transparent;
}
.layui-nav-tree.ul-nav-easy .layui-this>a {
background-color: transparent;
color : #6cf;
}
.layui-nav-tree.ul-nav-easy .layui-nav-item.layui-this a:hover {
color: #6cf;
}
.layui-nav-tree.ul-nav-easy .layui-nav-item a:hover {
color: #fff;
}
.layui-nav-tree.ul-nav-easy .layui-nav-item a {
height : 45px;
line-height: 45px;
}

30
source/scss/layui-ul.scss
View File

@@ -72,36 +72,6 @@
}
.ul-nav-easy {
background-color: transparent;
}
.layui-nav-tree.ul-nav-easy .layui-nav-item>a {
color: #666;
}
.layui-nav-tree.ul-nav-easy .layui-this {
background-color: transparent;
}
.layui-nav-tree.ul-nav-easy .layui-this>a {
background-color: transparent;
color : #6cf;
}
.layui-nav-tree.ul-nav-easy .layui-nav-item.layui-this a:hover {
color: #6cf;
}
.layui-nav-tree.ul-nav-easy .layui-nav-item a:hover {
color: #fff;
}
.layui-nav-tree.ul-nav-easy .layui-nav-item a {
height : 45px;
line-height: 45px;
}
.search-item {
margin-bottom: 15px;
}