mirror of
https://gitee.com/ulthon/ulthon_admin.git
synced 2026-07-01 15:32:48 +08:00
内置表单双列样式
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<div class="layuimini-container">
|
||||
<form id="app-form" class="layui-form layuimini-form">
|
||||
<form id="app-form" class="layui-form layuimini-form multiple-columns">
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">商品分类</label>
|
||||
@@ -16,7 +16,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-form-item full-line">
|
||||
<label class="layui-form-label required">商品LOGO</label>
|
||||
<div class="layui-input-block layuimini-upload">
|
||||
<input name="logo" class="layui-input layui-col-xs6" lay-verify="required" placeholder="请上传分类图片" value="{$row.logo|default=''}">
|
||||
@@ -27,7 +27,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-form-item full-line">
|
||||
<label class="layui-form-label required">商品图片</label>
|
||||
<div class="layui-input-block layuimini-upload">
|
||||
<input name="images" class="layui-input layui-col-xs6" lay-verify="required" placeholder="请上传商品图片" value="{$row.images|default=''}">
|
||||
@@ -66,13 +66,13 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-form-item full-line">
|
||||
<label class="layui-form-label">属性</label>
|
||||
<div class="layui-input-block">
|
||||
<div data-toggle="property-input" data-name="property">{$row.property|raw|ua_htmlspecialchars_decode|default=''}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-form-item full-line">
|
||||
<label class="layui-form-label">商品描述</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="describe" rows="20" class="layui-textarea editor" placeholder="请输入商品描述">{$row.describe|raw|default=''}</textarea>
|
||||
@@ -84,7 +84,7 @@
|
||||
<input type="text" name="license_name" class="layui-input" lay-verify="required" placeholder="请输入授权文件名称" value="{$row.license_name|default=''}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-form-item full-line">
|
||||
<label class="layui-form-label required">授权文件</label>
|
||||
<div class="layui-input-block layuimini-upload">
|
||||
<input name="license" class="layui-input layui-col-xs6" lay-verify="required" placeholder="请上传授权文件" value="{$row.license|default=''}">
|
||||
@@ -102,7 +102,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item layui-form-text">
|
||||
<div class="layui-form-item layui-form-text full-line">
|
||||
<label class="layui-form-label">备注信息</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="remark" class="layui-textarea" placeholder="请输入备注信息">{$row.remark|default=''}</textarea>
|
||||
|
||||
@@ -26,12 +26,6 @@ body {
|
||||
border-radius : 5px;
|
||||
}
|
||||
|
||||
.layuimini-form .layui-form-item {
|
||||
position : relative;
|
||||
padding : 0 60px 0 0;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
@@ -40,6 +34,32 @@ body {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.layuimini-form .layui-form-item {
|
||||
position : relative;
|
||||
padding : 0 60px 0 0;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.layuimini-form.multiple-columns .hr-line {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.layuimini-form.multiple-columns .hr-line+.layui-form-item {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.layuimini-form.multiple-columns .layui-form-item {
|
||||
display: inline-block;
|
||||
width: calc(50% - 62px);
|
||||
flex-shrink: 1;
|
||||
}
|
||||
|
||||
.layuimini-form.multiple-columns .layui-form-item.full-line {
|
||||
display: block;
|
||||
width: calc(100% - 62px);
|
||||
}
|
||||
|
||||
|
||||
.easy-bg-white {
|
||||
background-color: #ffffff;
|
||||
height : auto;
|
||||
|
||||
Reference in New Issue
Block a user