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

refactor: 迁移ul-group-title-2

Browse Source
This commit is contained in:
augushong
2025-08-28 12:33:07 +08:00
parent 7f835db5f8
commit d110740b7d
8 changed files with 71 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
demo/pc/title.html
View File

@@ -1,12 +1,7 @@
<fieldset class="layui-elem-field layui-field-title"> <fieldset class="layui-elem-field layui-field-title">
<legend>分组标题-2</legend> <legend>分组标题-2</legend>
<div class="layui-field-box"> <div class="layui-field-box">
<div class="ul-group-title-2">
销售
</div>
<div class="ul-group-title-2">
设计
</div>
</div> </div>
</fieldset> </fieldset>

1
source/components/_index.scss
View File

@@ -44,4 +44,5 @@
@import './nav/ul-nav-info/index'; @import './nav/ul-nav-info/index';
@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-title/index'; @import './title/ul-title/index';

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

@@ -0,0 +1,6 @@
title=ul-group-title-2
padding=0
margin=0
gray=0
mobile=0
inner_margin=0

6
source/components/title/ul-group-title-2/_index.html Normal file
View File

@@ -0,0 +1,6 @@
<div class="ul-group-title-2">
销售
</div>
<div class="ul-group-title-2">
设计
</div>

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

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

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

26
source/components/title/ul-group-title-2/_index.scss Normal file
View File

@@ -0,0 +1,26 @@
.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;
}

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

@@ -2556,6 +2556,32 @@
margin-bottom: 15px; 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-title { .ul-title {
text-align: center; text-align: center;
line-height: 1.5; line-height: 1.5;