From eb101b4622d6f6d714c6370f2914db268ed83710 Mon Sep 17 00:00:00 2001
From: augushong <augushong@ulthon.com>
Date: Sun, 3 Apr 2022 21:36:20 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=AD=97=E7=AC=A6=E5=8C=BA?=
 =?UTF-8?q?=E5=9D=97=E6=A0=B7=E5=BC=8F=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo/pc/fieldset.html                     | 15 +++++++++++++++
 source/scss/fieldset/_index.scss          |  1 +
 source/scss/fieldset/_ul-field-clean.scss | 21 +++++++++++++++++++++
 source/scss/layui-ul.scss                 |  1 +
 4 files changed, 38 insertions(+)
 create mode 100644 demo/pc/fieldset.html
 create mode 100644 source/scss/fieldset/_index.scss
 create mode 100644 source/scss/fieldset/_ul-field-clean.scss

diff --git a/demo/pc/fieldset.html b/demo/pc/fieldset.html
new file mode 100644
index 0000000..c973ed9
--- /dev/null
+++ b/demo/pc/fieldset.html
@@ -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>
\ No newline at end of file
diff --git a/source/scss/fieldset/_index.scss b/source/scss/fieldset/_index.scss
new file mode 100644
index 0000000..4313959
--- /dev/null
+++ b/source/scss/fieldset/_index.scss
@@ -0,0 +1 @@
+@import './ul-field-clean';
\ No newline at end of file
diff --git a/source/scss/fieldset/_ul-field-clean.scss b/source/scss/fieldset/_ul-field-clean.scss
new file mode 100644
index 0000000..66ad140
--- /dev/null
+++ b/source/scss/fieldset/_ul-field-clean.scss
@@ -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
+    }
+
+}
\ No newline at end of file
diff --git a/source/scss/layui-ul.scss b/source/scss/layui-ul.scss
index 0dab867..f1e30b3 100644
--- a/source/scss/layui-ul.scss
+++ b/source/scss/layui-ul.scss
@@ -2,6 +2,7 @@
 @import './list/index';
 @import './nav/index';
 @import './form/index';
+@import './fieldset/index';
 
 
 /* 头部开始 */