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

新增字符区块样式；

Browse Source
This commit is contained in:
augushong
2022-04-03 21:36:20 +08:00
parent c2fa94452c
commit eb101b4622
4 changed files with 38 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
demo/pc/fieldset.html Normal file
View File

@@ -0,0 +1,15 @@
<fieldset class="layui-elem-field layui-field-title">
<legend>字段集区块 - 横线风格</legend>
<div class="layui-field-box">
<div class="ul-padding-md">
<fieldset class="layui-elem-field layui-field-title ul-field-clean">
<legend class="legend">字段集区块 - 横线风格</legend>
<div class="layui-field-box">
内容区域<br>
内容区域<br>
内容区域<br>
</div>
</fieldset>
</div>
</div>
</fieldset>

1
source/scss/fieldset/_index.scss Normal file
View File

@@ -0,0 +1 @@
@import './ul-field-clean';

21
source/scss/fieldset/_ul-field-clean.scss Normal file
View File

@@ -0,0 +1,21 @@
.ul-field-clean {
border: unset;
.legend {
margin : 5px;
text-align : center;
width : 100%;
font-size : 16px;
font-weight: 600;
}
.layui-field-box {
margin-top : 8px;
background : #fff;
border-radius: 8px;
box-shadow : 0px 0px 4px rgba(77, 85, 114, 0.1);
padding: 10px
}
}

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

@@ -2,6 +2,7 @@
@import './list/index';
@import './nav/index';
@import './form/index';
@import './fieldset/index';
/* 头部开始 */