feat: 迁移筛选组件

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

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';

View File

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

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>

View File

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

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;
}

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;
}
/* 链接导航结束 */