manager/my-worker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增9栅格布局，方便支持3列表单，第一个标签对齐演示。

Browse Source
This commit is contained in:
thinkgem
2021-05-10 10:22:47 +08:00
parent 20c41088d2
commit 39ee31c327
1 changed files with 139 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
web/src/main/resources/views/modules/demo/demoFormLayoutForm.html
View File

@@ -1,9 +1,9 @@
<% layout('/layouts/default.html', {title: '栅格布局实例', libs: ['validate','fileupload','ueditor','dataGrid']}){ %>
<% layout('/layouts/default.html', {title: '数据管理', libs: ['validate','fileupload','ueditor','dataGrid']}){ %>
<div class="main-content">
<div class="box box-main">
<div class="box-header with-border">
<div class="box-title">
<i class="fa icon-notebook"></i> 栅格布局实例
<i class="fa icon-notebook"></i> ${testData.isNewRecord ? '新增数据' : '编辑数据'}
</div>
<div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
@@ -146,6 +146,30 @@
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="form-group">
<style>
/* 栅格9列布局 */
@media (min-width: 768px){
.col-sm-9-1{width:11.11%}
.col-sm-9-2{width:22.22%}
.col-sm-9-3{width:33.33%}
.col-sm-9-4{width:44.44%}
.col-sm-9-5{width:55.55%}
.col-sm-9-6{width:66.66%}
.col-sm-9-7{width:77.77%}
.col-sm-9-8{width:88.88%}
}
</style>
<label class="control-label col-sm-2 col-sm-9-1" title="">
<span class="required hide">*</span> 单行文本：<i class="fa icon-question hide"></i></label>
<div class="col-sm-10 col-sm-9-8">
<#form:input path="testInput" maxlength="200" class="form-control"/>
</div>
</div>
</div>
</div>
<div class="form-unit">四列</div>
<div class="row">
<div class="col-xs-3">