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-08-15 10:36:21 +08:00
parent b5d74cb728
commit 1618ed25e4
10 changed files with 116 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
demo/pc/group_panel.html
View File

@@ -2,61 +2,7 @@
<legend>按月分组面板</legend> <legend>按月分组面板</legend>
<div class="layui-field-box"> <div class="layui-field-box">
<div class="ul-padding-md layui-bg-gray"> <div class="ul-padding-md layui-bg-gray">
<div class="ul-group-list">
<fieldset class="layui-elem-field layui-field-title ul-group-item">
<legend>8月</legend>
<div class="layui-field-box">
<div class="ul-info-tips">
当前没有数据
</div>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title ul-group-item">
<legend>7月</legend>
<div class="layui-field-box">
<div class="ul-card-list">
<div class="layui-card ul-card" style="width:300px" data-repeat="2">
<div class="layui-card-header">
<span class="ul-card-status layui-bg-green">意向</span>
<span class="ul-card-title">卡片面板</span>
<span class="ul-card-options">
<span>2021年3月29日</span>
<span class=""><i class="layui-icon layui-icon-right"></i></span>
</span>
</div>
<div class="layui-card-body">
<div class="data-item">
<span class="data-title">入库时间:</span>
<span class="data-value">2021年3月29日16:33:21</span>
</div>
<div class="data-item">
<span class="data-title">用户名称:</span>
<span class="data-value">奥古斯宏</span>
</div>
<div class="data-item">
<span class="data-title">公司名称:</span>
<span class="data-value">临沂奥宏网络科技有限公司</span>
</div>
<div class="data-item">
<span class="data-title">电话:</span>
<span class="data-value">13012341234</span>
</div>
<div class="data-item">
<span class="data-title">相册:</span>
<span class="data-img">
<img class="data-img-main" src="/static/images/view.jpg" alt="">
<img class="data-img-main" src="/static/images/view.jpg" alt="">
<img class="data-img-main" src="/static/images/view.jpg" alt="">
</span>
</div>
</div>
</div>
</div>
</div>
</fieldset>
</div>
</div> </div>
</div> </div>
</fieldset> </fieldset>

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

@@ -1169,6 +1169,19 @@
font-weight: 600; font-weight: 600;
} }
.ul-card-list {
display: flex;
flex-wrap: wrap;
}
.ul-card-list .ul-card {
margin-right: 15px;
}
.ul-card-list .layui-card:last-child {
margin-bottom: 15px;
}
.ul-info-card { .ul-info-card {
background-color: #fff; background-color: #fff;
} }
@@ -2593,19 +2606,6 @@
display: block; display: block;
} }
.ul-card-list {
display: flex;
flex-wrap: wrap;
}
.ul-card-list .ul-card {
margin-right: 15px;
}
.ul-card-list .layui-card:last-child {
margin-bottom: 15px;
}
.ul-title { .ul-title {
text-align: center; text-align: center;
line-height: 1.5; line-height: 1.5;

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

@@ -10,6 +10,7 @@
@import './card/ul-card-qrcode/index'; @import './card/ul-card-qrcode/index';
@import './card/ul-data-card/index'; @import './card/ul-data-card/index';
@import './card/ul-easy-image/index'; @import './card/ul-easy-image/index';
@import './card/ul-group-list/index';
@import './card/ul-info-card/index'; @import './card/ul-info-card/index';
@import './class/ul-class-1/index'; @import './class/ul-class-1/index';
@import './descriptions/ul-descriptions-form/index'; @import './descriptions/ul-descriptions-form/index';

6
source/components/card/ul-group-list/_index.env Normal file
View File

@@ -0,0 +1,6 @@
title=按月分组面板
padding=0
margin=0
gray=0
mobile=0
inner_margin=0

71
source/components/card/ul-group-list/_index.html Normal file
View File

@@ -0,0 +1,71 @@
<div class="ul-group-list">
<fieldset class="layui-elem-field layui-field-title ul-group-item">
<legend>8月</legend>
<div class="layui-field-box">
<div class="ul-info-tips">
当前没有数据
</div>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title ul-group-item">
<legend>7月</legend>
<div class="layui-field-box">
<div class="ul-card-list">
<div
class="layui-card ul-card"
style="width:300px"
data-repeat="2"
>
<div class="layui-card-header">
<span class="ul-card-status layui-bg-green">意向</span>
<span class="ul-card-title">卡片面板</span>
<span class="ul-card-options">
<span>2021年3月29日</span>
<span class=""><i class="layui-icon layui-icon-right"></i></span>
</span>
</div>
<div class="layui-card-body">
<div class="data-item">
<span class="data-title">入库时间:</span>
<span class="data-value">2021年3月29日16:33:21</span>
</div>
<div class="data-item">
<span class="data-title">用户名称:</span>
<span class="data-value">奥古斯宏</span>
</div>
<div class="data-item">
<span class="data-title">公司名称:</span>
<span class="data-value">临沂奥宏网络科技有限公司</span>
</div>
<div class="data-item">
<span class="data-title">电话:</span>
<span class="data-value">13012341234</span>
</div>
<div class="data-item">
<span class="data-title">相册:</span>
<span class="data-img">
<img
class="data-img-main"
src="/static/images/view.jpg"
alt=""
>
<img
class="data-img-main"
src="/static/images/view.jpg"
alt=""
>
<img
class="data-img-main"
src="/static/images/view.jpg"
alt=""
>
</span>
</div>
</div>
</div>
</div>
</div>
</fieldset>
</div>

0
source/components/card/ul-group-list/_index.md Normal file
View File

5
source/components/card/ul-group-list/_index.php Normal file
View File

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

18
source/components/card/ul-group-list/_index.scss Normal file
View File

@@ -0,0 +1,18 @@
.ul-group-list {
}
.ul-card-list {
display : flex;
flex-wrap: wrap;
}
.ul-card-list .ul-card {
margin-right: 15px;
}
.ul-card-list .layui-card:last-child {
margin-bottom: 15px;
}

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

@@ -73,19 +73,6 @@
display: block; display: block;
} }
.ul-card-list {
display : flex;
flex-wrap: wrap;
}
.ul-card-list .ul-card {
margin-right: 15px;
}
.ul-card-list .layui-card:last-child {
margin-bottom: 15px;
}
.ul-title { .ul-title {
text-align : center; text-align : center;
line-height: 1.5; line-height: 1.5;