重构代码:删除form-control-url样式,使用flex-sm-fill代替
This commit is contained in:
parent
3b70adeced
commit
b0004c957e
|
@ -60,15 +60,15 @@
|
|||
<input type="hidden" id="dictID" data-default-val="0" />
|
||||
<div class="form-group col-12">
|
||||
<label class="control-label" for="dictCate">字典标签</label>
|
||||
<input type="text" class="form-control form-control-url" id="dictCate" placeholder="不可为空,50字以内" maxlength="50" data-valid="true" />
|
||||
<input type="text" class="form-control flex-sm-fill" id="dictCate" placeholder="不可为空,50字以内" maxlength="50" data-valid="true" />
|
||||
</div>
|
||||
<div class="form-group col-12">
|
||||
<label class="control-label" for="dictName">字典名称</label>
|
||||
<input type="text" class="form-control form-control-url" id="dictName" placeholder="不可为空,50字以内" maxlength="50" data-valid="true" />
|
||||
<input type="text" class="form-control flex-sm-fill" id="dictName" placeholder="不可为空,50字以内" maxlength="50" data-valid="true" />
|
||||
</div>
|
||||
<div class="form-group col-12">
|
||||
<label class="control-label" for="dictCode">字典代码</label>
|
||||
<input type="text" class="form-control form-control-url" id="dictCode" placeholder="不可为空,50字以内" maxlength="50" data-valid="true" />
|
||||
<input type="text" class="form-control flex-sm-fill" id="dictCode" placeholder="不可为空,50字以内" maxlength="50" data-valid="true" />
|
||||
</div>
|
||||
<div class="form-group form-group-dropdown col-12">
|
||||
<label class="control-label" for="dictDefine">字典类型</label>
|
||||
|
|
|
@ -14,15 +14,15 @@
|
|||
@section query {
|
||||
<form class="form-inline">
|
||||
<div class="row">
|
||||
<div class="form-group col-sm-6 col-xl-auto">
|
||||
<div class="form-group col-sm-6 col-lg-auto">
|
||||
<label class="control-label" for="txt_menus_name">菜单名称</label>
|
||||
<input type="text" class="form-control" id="txt_menus_name" />
|
||||
</div>
|
||||
<div class="form-group col-sm-6 col-xl-auto">
|
||||
<div class="form-group col-sm-6 col-lg-auto">
|
||||
<label class="control-label" for="txt_parent_menus_name">父级菜单</label>
|
||||
<input type="text" class="form-control" id="txt_parent_menus_name" />
|
||||
</div>
|
||||
<div class="form-group form-group-dropdown col-sm-6 col-xl-auto">
|
||||
<div class="form-group form-group-dropdown col-sm-6 col-lg-auto">
|
||||
<label class="control-label" for="sel_menus_category">菜单类别</label>
|
||||
<div class="dropdown">
|
||||
<button id="sel_menus_category" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown">全部</button>
|
||||
|
@ -34,7 +34,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group form-group-dropdown col-sm-6 col-xl-auto">
|
||||
<div class="form-group form-group-dropdown col-sm-6 col-lg-auto">
|
||||
<label class="control-label" for="sel_menus_res">菜单类型</label>
|
||||
<div class="dropdown">
|
||||
<button id="sel_menus_res" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown">全部</button>
|
||||
|
@ -46,7 +46,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group col-xl-auto flex-xl-fill justify-content-xl-end">
|
||||
<div class="form-group col-lg-auto flex-lg-fill justify-content-lg-end">
|
||||
<button type="button" id="btn_query" class="btn btn-primary btn-fill"><i class="fa fa-search" aria-hidden="true"></i><span>查询</span></button>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -73,7 +73,7 @@
|
|||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-inline" id="dataForm">
|
||||
<div class="row">
|
||||
<div class="form-row">
|
||||
<div class="form-group col-sm-6">
|
||||
<input type="hidden" id="menuID" data-default-val="0" />
|
||||
<label class="control-label" for="name">菜单名称</label>
|
||||
|
@ -118,7 +118,7 @@
|
|||
</div>
|
||||
<div class="form-group col-12">
|
||||
<label class="control-label" for="url">路径</label>
|
||||
<input type="text" class="form-control form-control-url" id="url" placeholder="不可为空,4000字以内" maxlength="4000" data-valid="true" />
|
||||
<input type="text" class="form-control flex-sm-fill" id="url" placeholder="不可为空,4000字以内" maxlength="4000" data-valid="true" />
|
||||
</div>
|
||||
<div class="form-group form-group-dropdown col-sm-6">
|
||||
<label class="control-label" for="category">菜单类别</label>
|
||||
|
|
|
@ -5,10 +5,6 @@
|
|||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.form-group .form-control-url {
|
||||
width: calc(100% - 125px);
|
||||
}
|
||||
|
||||
.form-inline .control-label {
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
|
|
Loading…
Reference in New Issue