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

feat: 迁移最简单的导航

Browse Source
This commit is contained in:
augushong
2025-09-01 12:31:53 +08:00
parent 8df0da82d4
commit 68d4e35c54
10 changed files with 61 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
demo/pc/nav.html
View File

@@ -1,24 +1,3 @@
<fieldset class="layui-elem-field layui-field-title">
<legend>最简单的导航</legend>
<div class="layui-field-box">
<div class="ul-padding-md">
<div class="ul-nav-min" style="width: 120px;">
<div class="ul-nav-min-item">
个人中心
</div>
<div class="ul-nav-min-item">
安全中心
</div>
<div class="ul-nav-min-item">
数据中心
</div>
</div>
</div>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title"> <fieldset class="layui-elem-field layui-field-title">
<legend>经典头部跳转导航</legend> <legend>经典头部跳转导航</legend>
<div class="layui-field-box"> <div class="layui-field-box">

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

@@ -2604,6 +2604,23 @@
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
.ul-nav-min {
box-shadow: 2px 2px 5px #999;
padding: 5px;
text-align: center;
}
.ul-nav-min .ul-nav-min-item {
padding: 5px 0;
cursor: pointer;
color: #333;
display: block;
}
.ul-nav-min-item:hover {
color: #6cf;
}
/* 附带说明垂直导航 */ /* 附带说明垂直导航 */
.ul-nav-tree-group-title { .ul-nav-tree-group-title {
font-size: 16px; font-size: 16px;
@@ -2942,23 +2959,6 @@
text-align: left; text-align: left;
} }
.ul-nav-min {
box-shadow: 2px 2px 5px #999;
padding: 5px;
text-align: center;
}
.ul-nav-min .ul-nav-min-item {
padding: 5px 0;
cursor: pointer;
color: #333;
display: block;
}
.ul-nav-min-item:hover {
color: #6cf;
}
.ul-nav-header-main { .ul-nav-header-main {
display: flex; display: flex;
align-items: center; align-items: center;

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

@@ -48,6 +48,7 @@
@import './nav/ul-nav-easy/index'; @import './nav/ul-nav-easy/index';
@import './nav/ul-nav-grid/index'; @import './nav/ul-nav-grid/index';
@import './nav/ul-nav-info/index'; @import './nav/ul-nav-info/index';
@import './nav/ul-nav-min/index';
@import './nav/ul-nav-tree/index'; @import './nav/ul-nav-tree/index';
@import './nav/ul-nav-tree-2/index'; @import './nav/ul-nav-tree-2/index';
@import './nav/ul-nav-white/index'; @import './nav/ul-nav-white/index';

6
source/components/nav/ul-nav-min/_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-min/_index.html Normal file
View File

@@ -0,0 +1,14 @@
<div
class="ul-nav-min"
style="width: 120px;"
>
<div class="ul-nav-min-item">
个人中心
</div>
<div class="ul-nav-min-item">
安全中心
</div>
<div class="ul-nav-min-item">
数据中心
</div>
</div>

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

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

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

17
source/components/nav/ul-nav-min/_index.scss Normal file
View File

@@ -0,0 +1,17 @@
.ul-nav-min {
box-shadow: 2px 2px 5px #999;
padding : 5px;
text-align: center;
}
.ul-nav-min .ul-nav-min-item {
padding: 5px 0;
cursor : pointer;
color : #333;
display: block;
}
.ul-nav-min-item:hover {
color: #6cf;
}

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

@@ -155,23 +155,6 @@
text-align: left; text-align: left;
} }
.ul-nav-min {
box-shadow: 2px 2px 5px #999;
padding : 5px;
text-align: center;
}
.ul-nav-min .ul-nav-min-item {
padding: 5px 0;
cursor : pointer;
color : #333;
display: block;
}
.ul-nav-min-item:hover {
color: #6cf;
}
.ul-nav-header-main { .ul-nav-header-main {
display : flex; display : flex;