innov
/
BootstrapAdmin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

重构代码：删除form-control-url样式，使用flex-sm-fill代替

This commit is contained in:
Argo-Surface 2018-11-21 20:21:58 +08:00
parent 3b70adeced
commit b0004c957e
3 changed files with 10 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
Bootstrap.Admin/Views/Admin/Dicts.cshtml
View File

@ -60,15 +60,15 @@
<input type="hidden" id="dictID" data-default-val="0" /> <input type="hidden" id="dictID" data-default-val="0" />
<div class="form-group col-12"> <div class="form-group col-12">
<label class="control-label" for="dictCate">字典标签</label> <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>
<div class="form-group col-12"> <div class="form-group col-12">
<label class="control-label" for="dictName">字典名称</label> <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>
<div class="form-group col-12"> <div class="form-group col-12">
<label class="control-label" for="dictCode">字典代码</label> <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>
<div class="form-group form-group-dropdown col-12"> <div class="form-group form-group-dropdown col-12">
<label class="control-label" for="dictDefine">字典类型</label> <label class="control-label" for="dictDefine">字典类型</label>

14
Bootstrap.Admin/Views/Admin/Menus.cshtml
View File

@ -14,15 +14,15 @@
@section query { @section query {
<form class="form-inline"> <form class="form-inline">
<div class="row"> <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> <label class="control-label" for="txt_menus_name">菜单名称</label>
<input type="text" class="form-control" id="txt_menus_name" /> <input type="text" class="form-control" id="txt_menus_name" />
</div> </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> <label class="control-label" for="txt_parent_menus_name">父级菜单</label>
<input type="text" class="form-control" id="txt_parent_menus_name" /> <input type="text" class="form-control" id="txt_parent_menus_name" />
</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_category">菜单类别</label> <label class="control-label" for="sel_menus_category">菜单类别</label>
<div class="dropdown"> <div class="dropdown">
<button id="sel_menus_category" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown">全部</button> <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>
</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> <label class="control-label" for="sel_menus_res">菜单类型</label>
<div class="dropdown"> <div class="dropdown">
<button id="sel_menus_res" class="btn btn-success dropdown-select dropdown-toggle" data-toggle="dropdown">全部</button> <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>
</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> <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>
</div> </div>
@ -73,7 +73,7 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form class="form-inline" id="dataForm"> <form class="form-inline" id="dataForm">
<div class="row"> <div class="form-row">
<div class="form-group col-sm-6"> <div class="form-group col-sm-6">
<input type="hidden" id="menuID" data-default-val="0" /> <input type="hidden" id="menuID" data-default-val="0" />
<label class="control-label" for="name">菜单名称</label> <label class="control-label" for="name">菜单名称</label>
@ -118,7 +118,7 @@
</div> </div>
<div class="form-group col-12"> <div class="form-group col-12">
<label class="control-label" for="url">路径</label> <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>
<div class="form-group form-group-dropdown col-sm-6"> <div class="form-group form-group-dropdown col-sm-6">
<label class="control-label" for="category">菜单类别</label> <label class="control-label" for="category">菜单类别</label>

4
Bootstrap.Admin/wwwroot/css/theme-responsive.css
View File

@ -5,10 +5,6 @@
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.form-group .form-control-url {
width: calc(100% - 125px);
}
.form-inline .control-label { .form-inline .control-label {
padding-top: 6px; padding-top: 6px;
padding-bottom: 6px; padding-bottom: 6px;