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

feat: 迁移简单地分割线导航

Browse Source
This commit is contained in:
augushong
2025-09-01 12:40:24 +08:00
parent ce93afbab2
commit d727f6a1a2
10 changed files with 61 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
demo/pc/nav.html
View File

@@ -1,15 +1,3 @@
<fieldset class="layui-elem-field layui-field-title">
<legend>简单地分割线导航</legend>
<div class="layui-field-box">
<div class="ul-nav-link">
<a class="ul-nav-link-item" href="">导航1</a>
<a class="ul-nav-link-item" href="">那个导航2</a>
<a class="ul-nav-link-item" href="">这个导航3</a>
<a class="ul-nav-link-item" href="">导航4</a>
</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">

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

@@ -2652,6 +2652,19 @@
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
.ul-nav-link-item {
display: inline-block;
margin: 5px 0;
padding: 0 10px;
border: 1px solid transparent;
color: #333;
white-space: nowrap;
}
.ul-nav-link-item:not(:last-child) {
border-right-color: #666;
}
.ul-nav-min { .ul-nav-min {
box-shadow: 2px 2px 5px #999; box-shadow: 2px 2px 5px #999;
padding: 5px; padding: 5px;
@@ -3083,19 +3096,6 @@
white-space: nowrap; white-space: nowrap;
} }
.ul-nav-link-item {
display: inline-block;
margin: 5px 0;
padding: 0 10px;
border: 1px solid transparent;
color: #333;
white-space: nowrap;
}
.ul-nav-link-item:not(:last-child) {
border-right-color: #666;
}
.ul-group-title-2 { .ul-group-title-2 {
background: #d2dbe0; background: #d2dbe0;
width: 84px; width: 84px;

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

@@ -49,6 +49,7 @@
@import './nav/ul-nav-grid/index'; @import './nav/ul-nav-grid/index';
@import './nav/ul-nav-header/index'; @import './nav/ul-nav-header/index';
@import './nav/ul-nav-info/index'; @import './nav/ul-nav-info/index';
@import './nav/ul-nav-link/index';
@import './nav/ul-nav-min/index'; @import './nav/ul-nav-min/index';
@import './nav/ul-nav-poster/index'; @import './nav/ul-nav-poster/index';
@import './nav/ul-nav-tree/index'; @import './nav/ul-nav-tree/index';

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

@@ -0,0 +1,6 @@
title=简单地分割线导航
padding=0
margin=0
gray=0
mobile=0
inner_margin=0

22
source/components/nav/ul-nav-link/_index.html Normal file
View File

@@ -0,0 +1,22 @@
<div class="ul-nav-link">
<a
class="ul-nav-link-item"
href=""
>导航1</a>
<a
class="ul-nav-link-item"
href=""
>那个导航2</a>
<a
class="ul-nav-link-item"
href=""
>这个导航3</a>
<a
class="ul-nav-link-item"
href=""
>导航4</a>
</div>

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

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

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

13
source/components/nav/ul-nav-link/_index.scss Normal file
View File

@@ -0,0 +1,13 @@
.ul-nav-link-item {
display : inline-block;
margin : 5px 0;
padding : 0 10px;
border : 1px solid transparent;
color : #333;
white-space: nowrap;
}
.ul-nav-link-item:not(:last-child) {
border-right-color: #666;
}

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

@@ -193,19 +193,6 @@
} }
.ul-nav-link-item {
display : inline-block;
margin : 5px 0;
padding : 0 10px;
border : 1px solid transparent;
color : #333;
white-space: nowrap;
}
.ul-nav-link-item:not(:last-child) {
border-right-color: #666;
}
.ul-group-title-2 { .ul-group-title-2 {
background : #d2dbe0; background : #d2dbe0;
width : 84px; width : 84px;