ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-08 21:22:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: 重构ul-title组件

Browse Source
This commit is contained in:
augushong
2025-08-28 12:28:57 +08:00
parent 1d7dd95475
commit 1690c7fc04
9 changed files with 3288 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
demo/pc/title.html
View File

@@ -1,52 +1,3 @@
<fieldset class="layui-elem-field layui-field-title">
<legend>标题1号</legend>
<div class="layui-field-box">
<div style="width:200px" class="ul-section">
<div class="ul-title">
<div class="ul-title-main">
精品酒店
</div>
<div class="ul-title-plus">
Boutique Hotel
</div>
<div class="ul-title-line">
</div>
</div>
</div>
<div style="width:200px;margin: 15px auto;" class="ul-section">
<div class="ul-title">
<div class="ul-title-main">
精品酒店
</div>
<div class="ul-title-plus">
Boutique Hotel
</div>
<div class="ul-title-line">
</div>
</div>
</div>
<div style="" class="ul-section">
<div class="ul-title">
<div class="ul-title-main">
精品酒店
</div>
<div class="ul-title-plus">
Boutique Hotel
</div>
<div class="ul-title-line">
</div>
</div>
</div>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title"> <fieldset class="layui-elem-field layui-field-title">
<legend>分组标题</legend> <legend>分组标题</legend>
<div class="layui-field-box"> <div class="layui-field-box">

3
source/components/_index.scss
View File

@@ -10,7 +10,6 @@
@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 './group_panel/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';
@@ -19,6 +18,7 @@
@import './descriptions/ul-easy-item/index'; @import './descriptions/ul-easy-item/index';
@import './element/ul-element-fixed-option/index'; @import './element/ul-element-fixed-option/index';
@import './element/ul-loading-pos/index'; @import './element/ul-loading-pos/index';
@import './group_panel/ul-group-list/index';
@import './header/ul-header-shape/index'; @import './header/ul-header-shape/index';
@import './header/ul-shop-header/index'; @import './header/ul-shop-header/index';
@import './list/ul-ad-list/index'; @import './list/ul-ad-list/index';
@@ -43,3 +43,4 @@
@import './nav/ul-nav-grid/index'; @import './nav/ul-nav-grid/index';
@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-title/index';

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

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

39
source/components/title/ul-title/_index.html Normal file
View File

@@ -0,0 +1,39 @@
<div class="ul-section">
<div class="ul-title">
<div class="ul-title-main">
精品酒店
</div>
<div class="ul-title-plus">
Boutique Hotel
</div>
<div class="ul-title-line">
</div>
</div>
</div>
<div style="width:200px" class="ul-section">
<div class="ul-title">
<div class="ul-title-main">
精品酒店
</div>
<div class="ul-title-plus">
Boutique Hotel
</div>
<div class="ul-title-line">
</div>
</div>
</div>
<div class="ul-section">
<div class="ul-title" style="margin: 0 auto;width: 200px;">
<div class="ul-title-main">
精品酒店
</div>
<div class="ul-title-plus">
Boutique Hotel
</div>
<div class="ul-title-line">
</div>
</div>
</div>

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

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

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

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

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

3218
source/scss/layui-ul.css Normal file
View File

File diff suppressed because it is too large Load Diff

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

@@ -73,24 +73,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-list {} .ul-message-list {}
.ul-message-item { .ul-message-item {