diff --git a/demo/pc/form.html b/demo/pc/form.html index e0b156f..020b5c3 100644 --- a/demo/pc/form.html +++ b/demo/pc/form.html @@ -59,7 +59,7 @@
- 简约风格(依赖layui) + 简约风格表单(依赖layui)
@@ -126,3 +126,78 @@
+
+ 极简对称表单(依赖layui) +
+
建议和数据详情卡片搭配
+
+ +
+
+ +
+ +
+ +
+
+
+ +
+ +
辅助文字
+
+
+
+ +
+ +
+
+
+ +
+ + + +
+
+
+ +
+ +
+
+
+ +
+ + +
+
+
+ +
+ +
+
+
+ + +
+ +
+ +
+
+ + +
+
\ No newline at end of file diff --git a/source/scss/card/_index.scss b/source/scss/card/_index.scss index 0d8b83e..42dbc5a 100644 --- a/source/scss/card/_index.scss +++ b/source/scss/card/_index.scss @@ -3,4 +3,4 @@ @import './ul-info-card'; @import './ul-card-data-simple'; @import './ul-card-data-simple-bg-black'; -@import './_ul-data-card'; \ No newline at end of file +@import './ul-data-card'; \ No newline at end of file diff --git a/source/scss/form/_index.scss b/source/scss/form/_index.scss index d53fae3..8e54dcc 100644 --- a/source/scss/form/_index.scss +++ b/source/scss/form/_index.scss @@ -1 +1,2 @@ -@import './ul-form-basic'; \ No newline at end of file +@import './ul-form-basic'; +@import './ul-form-space-between'; \ No newline at end of file diff --git a/source/scss/form/_ul-form-space-between.scss b/source/scss/form/_ul-form-space-between.scss new file mode 100644 index 0000000..514111a --- /dev/null +++ b/source/scss/form/_ul-form-space-between.scss @@ -0,0 +1,39 @@ +.ul-form-space-between { + .layui-form-item { + display : flex; + align-items : flex-start; + justify-content: space-between; + border-bottom : 2px solid #eee; + + &::after { + content: unset + } + + &:last-child { + border: unset; + } + + .layui-form-label { + text-align: left; + float : unset; + } + + .layui-input-block { + margin-left: unset; + width : 60%; + text-align : right; + + } + + .layui-input { + border : unset; + text-align: right; + } + + .layui-form-mid { + text-align: right; + display : block; + float : unset + } + } +} \ No newline at end of file