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-02 12:35:40 +08:00
parent b4c9423c4c
commit e3f3ed0dc4
10 changed files with 120 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
demo/pc/search.html
View File

@@ -1,72 +0,0 @@
<fieldset class="layui-elem-field layui-field-title">
<legend>边框筛选组件</legend>
<div class="layui-field-box">
<div class="ul-link-select">
<div class="ul-link-title">
风格:
</div>
<div class="ul-link-list">
<div class="ul-link-item current">
全部
</div>
<div class="ul-link-item">
国产
</div>
<div class="ul-link-item">
欧美
</div>
<div class="ul-link-item">
日韩
</div>
</div>
</div>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>按钮筛选组件</legend>
<div class="layui-field-box">
<div class="ul-padding-md ul-bg-gray">
<div class="ul-padding-md ul-bg-white">
<div class="ul-link-select">
<div class="ul-link-title">
风格:
</div>
<div class="ul-link-list">
<div class="ul-link-item layui-btn layui-btn-xs">
全部
</div>
<div class="ul-link-item">
国产
</div>
<div class="ul-link-item">
欧美
</div>
<div class="ul-link-item">
日韩
</div>
</div>
</div>
</div>
</div>
<div class="ul-padding-md ul-bg-gray">
<div class="ul-padding-md ul-bg-white">
<div class="ul-link-select">
<div class="ul-link-list">
<div class="ul-link-item layui-btn layui-btn-xs">
全部
</div>
<div class="ul-link-item">
国产
</div>
<div class="ul-link-item">
欧美
</div>
<div class="ul-link-item">
日韩
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>

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

@@ -2945,6 +2945,37 @@
background-position: center;
}
.ul-link-select {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.ul-link-title {
margin-right: 15px;
white-space: nowrap;
}
.ul-link-list {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.ul-link-item {
padding: 0px 10px;
cursor: pointer;
margin-right: 10px;
margin-bottom: 5px;
}
.ul-link-item.current {
border-radius: 15px;
border: 1px solid #6cf;
color: #6cf;
}
.ul-group-title {
color: #999;
border-bottom: 1px solid #bbb;
@@ -3015,38 +3046,6 @@
margin-top: 8px;
}
/* 链接导航开始 */
.ul-link-select {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.ul-link-title {
margin-right: 15px;
white-space: nowrap;
}
.ul-link-list {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.ul-link-item {
padding: 0px 10px;
cursor: pointer;
margin-right: 10px;
margin-bottom: 5px;
}
.ul-link-item.current {
border-radius: 15px;
border: 1px solid #6cf;
color: #6cf;
}
/* 链接导航结束 */
.ul-info-tips {
padding: 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

@@ -58,6 +58,7 @@
@import './nav/ul-nav-tree-2/index';
@import './nav/ul-nav-white/index';
@import './photo/ul-upload-photo-list/index';
@import './search/ul-link-select/index';
@import './search/ul-search-container/index';
@import './title/ul-group-title/index';
@import './title/ul-group-title-2/index';

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

@@ -0,0 +1,6 @@
title=边框筛选组件
padding=1
margin=0
gray=1
mobile=0
inner_margin=0

44
source/components/search/ul-link-select/_index.html Normal file
View File

@@ -0,0 +1,44 @@
<div class="ul-padding-md">
<div class="ul-link-select">
<div class="ul-link-title">
风格:
</div>
<div class="ul-link-list">
<div class="ul-link-item current">
全部
</div>
<div class="ul-link-item">
国产
</div>
<div class="ul-link-item">
欧美
</div>
<div class="ul-link-item">
日韩
</div>
</div>
</div>
</div>
<div class=" ul-padding-md ul-bg-white">
<div class="ul-link-select ">
<div class="ul-link-title">
风格:
</div>
<div class="ul-link-list">
<div class="ul-link-item layui-btn layui-btn-xs">
全部
</div>
<div class="ul-link-item">
国产
</div>
<div class="ul-link-item">
欧美
</div>
<div class="ul-link-item">
日韩
</div>
</div>
</div>
</div>

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

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

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

32
source/components/search/ul-link-select/_index.scss Normal file
View File

@@ -0,0 +1,32 @@
.ul-link-select {
display : flex;
align-items : flex-start;
justify-content: flex-start;
}
.ul-link-title {
margin-right: 15px;
white-space : nowrap;
}
.ul-link-list {
display : flex;
align-items : flex-start;
justify-content: flex-start;
flex-wrap : wrap;
}
.ul-link-item {
padding : 0px 10px;
cursor : pointer;
margin-right : 10px;
margin-bottom: 5px;
}
.ul-link-item.current {
border-radius: 15px;
border : 1px solid #6cf;
color : #6cf;
}

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

@@ -9,39 +9,6 @@
@import '../components/index';
/* 链接导航开始 */
.ul-link-select {
display : flex;
align-items : flex-start;
justify-content: flex-start;
}
.ul-link-title {
margin-right: 15px;
white-space : nowrap;
}
.ul-link-list {
display : flex;
align-items : flex-start;
justify-content: flex-start;
flex-wrap : wrap;
}
.ul-link-item {
padding : 0px 10px;
cursor : pointer;
margin-right : 10px;
margin-bottom: 5px;
}
.ul-link-item.current {
border-radius: 15px;
border : 1px solid #6cf;
color : #6cf;
}
/* 链接导航结束 */