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

refactor: 迁移简约分组标题

Browse Source
This commit is contained in:
augushong
2025-08-28 12:36:31 +08:00
parent d110740b7d
commit 2c561a9a55
10 changed files with 117 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
demo/pc/title.html
View File

@@ -1,19 +0,0 @@
<fieldset class="layui-elem-field layui-field-title">
<legend>分组标题-2</legend>
<div class="layui-field-box">
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>简约分组标题</legend>
<div class="layui-field-box">
<div class="">
<div class="ul-group-title-simple">
分组标题
</div>
</div>
</div>
</fieldset>

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

@@ -1169,19 +1169,6 @@
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;
} }
@@ -1455,6 +1442,19 @@
text-align: center; text-align: center;
} }
.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-header-shape { .ul-header-shape {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -2549,6 +2549,76 @@
word-wrap: anywhere; word-wrap: anywhere;
} }
.ul-group-title {
color: #999;
border-bottom: 1px solid #bbb;
padding: 5px 0;
margin-bottom: 15px;
}
.ul-group-title-2 {
background: #d2dbe0;
width: 84px;
height: 28px;
line-height: 28px;
font-size: 14px;
font-weight: bold;
text-align: center;
position: relative;
margin-top: 30px;
margin-bottom: 14px;
color: #666666;
}
.ul-group-title-2::after {
content: "";
width: 0;
height: 0;
position: absolute;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
border-left: 15px solid #d2dbe0;
right: -15px;
top: 0px;
}
.ul-group-title-simple {
line-height: 30px;
font-size: 16px;
padding-left: 10px;
position: relative;
}
.ul-group-title-simple:before {
content: "";
display: block;
position: absolute;
left: 0;
height: 16px;
width: 3px;
top: 7px;
border-radius: 3px;
background: linear-gradient(0deg, #7FC0FC, #4B7EEF);
}
.ul-title {
text-align: center;
line-height: 1.5;
}
.ul-title-main {
font-size: 16px;
}
.ul-title-plus {
color: #999;
}
.ul-title-line {
border-top: 2px solid #666;
margin-top: 8px;
}
/* 链接导航开始 */ /* 链接导航开始 */
.ul-link-select { .ul-link-select {
display: flex; display: flex;
@@ -2606,24 +2676,6 @@
display: block; display: block;
} }
.ul-title {
text-align: center;
line-height: 1.5;
}
.ul-title-main {
font-size: 16px;
}
.ul-title-plus {
color: #999;
}
.ul-title-line {
border-top: 2px solid #666;
margin-top: 8px;
}
.ul-message-item { .ul-message-item {
margin-bottom: 15px; margin-bottom: 15px;
display: flex; display: flex;
@@ -2758,13 +2810,6 @@
background-position: center; background-position: center;
} }
.ul-group-title {
color: #999;
border-bottom: 1px solid #bbb;
padding: 5px 0;
margin-bottom: 15px;
}
.ul-tree-item { .ul-tree-item {
background-color: #fbfbfb; background-color: #fbfbfb;
cursor: pointer; cursor: pointer;

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

@@ -45,4 +45,5 @@
@import './nav/ul-nav-tree-2/index'; @import './nav/ul-nav-tree-2/index';
@import './title/ul-group-title/index'; @import './title/ul-group-title/index';
@import './title/ul-group-title-2/index'; @import './title/ul-group-title-2/index';
@import './title/ul-group-title-simple/index';
@import './title/ul-title/index'; @import './title/ul-title/index';

6
source/components/title/ul-group-title-simple/_index.env Normal file
View File

@@ -0,0 +1,6 @@
title=简约分组标题
padding=0
margin=0
gray=0
mobile=0
inner_margin=0

3
source/components/title/ul-group-title-simple/_index.html Normal file
View File

@@ -0,0 +1,3 @@
<div class="ul-group-title-simple">
分组标题
</div>

0
source/components/title/ul-group-title-simple/_index.md Normal file
View File

5
source/components/title/ul-group-title-simple/_index.php Normal file
View File

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

18
source/components/title/ul-group-title-simple/_index.scss Normal file
View File

@@ -0,0 +1,18 @@
.ul-group-title-simple {
line-height: 30px;
font-size: 16px;
padding-left: 10px;
position: relative;
}
.ul-group-title-simple:before {
content: "";
display: block;
position: absolute;
left: 0;
height: 16px;
width: 3px;
top: 7px;
border-radius: 3px;
background: linear-gradient(0deg, #7FC0FC, #4B7EEF);
}

18
source/scss/layui-ul.css
View File

@@ -393,24 +393,6 @@
padding: 15px; padding: 15px;
} }
.ul-group-title-simple {
line-height: 30px;
font-size: 16px;
padding-left: 10px;
position: relative;
}
.ul-group-title-simple:before {
content: "";
display: block;
position: absolute;
left: 0;
height: 16px;
width: 3px;
top: 7px;
border-radius: 3px;
background: linear-gradient(0deg, #7FC0FC, #4B7EEF);
}
.ul-jumbotron { .ul-jumbotron {
padding: 15px; padding: 15px;
text-align: center; text-align: center;