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

feat: 迁移极简对称表单

Browse Source
This commit is contained in:
augushong
2025-09-02 12:45:43 +08:00
parent 7ced42a913
commit 4b5b14cf9b
11 changed files with 169 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
source/components/_index.scss
View File

@@ -21,6 +21,7 @@
@import './element/ul-element-fixed-option/index';
@import './element/ul-loading-pos/index';
@import './form/ul-form-basic/index';
@import './form/ul-mobile-box/index';
@import './form/ul-table-form/index';
@import './group_panel/ul-group-list/index';
@import './header/ul-header/index';

6
source/components/form/ul-mobile-box/_index.env Normal file
View File

@@ -0,0 +1,6 @@
title=极简对称表单
padding=0
margin=0
gray=0
mobile=0
inner_margin=0

125
source/components/form/ul-mobile-box/_index.html Normal file
View File

@@ -0,0 +1,125 @@
<div class="ul-data-card" style="width: 320px;">
<div class="body">
<form
class="layui-form ul-form-space-between"
action=""
>
<div class="layui-form-item">
<label class="layui-form-label">输入框</label>
<div class="layui-input-block">
<input
type="text"
name="title"
required
lay-verify="required"
placeholder="请输入标题"
autocomplete="off"
class="layui-input"
>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">密码框</label>
<div class="layui-input-block">
<input
type="password"
name="password"
required
lay-verify="required"
placeholder="请输入密码"
autocomplete="off"
class="layui-input"
>
<div class="layui-form-mid layui-word-aux">辅助文字</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">选择框</label>
<div class="layui-input-block">
<select
name="city"
lay-verify="required"
>
<option value=""></option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">广州</option>
<option value="3">深圳</option>
<option value="4">杭州</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">复选框</label>
<div class="layui-input-block">
<input
type="checkbox"
name="like[write]"
lay-skin="primary"
title="写作"
>
<input
type="checkbox"
name="like[read]"
lay-skin="primary"
title="阅读"
checked
>
<input
type="checkbox"
name="like[dai]"
lay-skin="primary"
title="发呆"
>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">开关</label>
<div class="layui-input-block">
<input
type="checkbox"
name="switch"
lay-skin="switch"
>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">单选框</label>
<div class="layui-input-block">
<input
type="radio"
name="sex"
value="男"
title="男"
>
<input
type="radio"
name="sex"
value="女"
title="女"
checked
>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">文本域</label>
<div class="layui-input-block">
<textarea
name="desc"
placeholder="请输入内容"
class="layui-textarea"
></textarea>
</div>
</div>
<div class="layui-form-item">
<button
class="layui-btn layui-btn-fluid"
lay-submit
lay-filter="formDemo"
>立即提交</button>
</div>
</form>
</div>
</div>

0
source/components/form/ul-mobile-box/_index.md Normal file
View File

5
source/components/form/ul-mobile-box/_index.php Normal file
View File

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

39
source/components/form/ul-mobile-box/_index.scss Normal file
View File

@@ -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
}
}
}