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

屏幕宽度太小时，使 toolbar变成图标

This commit is contained in:
lq_avenue 2016-11-09 18:36:49 +08:00
parent 71b7fde64c
commit 9374d7fc94
4 changed files with 45 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -34,8 +34,16 @@
<div class="form-group col-lg-2"> <div class="form-group col-lg-2">
<button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button> <button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
</div> </div>
<div class="toolbar btn-group dropdown">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button"><i class="fa fa-gear"></i></button>
<div class="dropdown-menu">
<a id="tb_add" href="#" title="新增"><i class="glyphicon glyphicon-plus"></i></a>
<a id="tb_delete" href="#" title="删除"><i class="glyphicon glyphicon-remove"></i></a>
<a id="tb_edit" href="#" title="编辑"><i class="glyphicon glyphicon-pencil"></i></a>
</div>
</div> </div>
</form> </div>
</form>
} }
@section modal { @section modal {
<div class="modal-header"> <div class="modal-header">

12
Bootstrap.Admin/Views/Admin/Groups.cshtml
View File

@ -26,6 +26,16 @@
<div class="form-group col-lg-2"> <div class="form-group col-lg-2">
<button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button> <button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
</div> </div>
<div class="toolbar btn-group dropdown">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button"><i class="fa fa-gear"></i></button>
<div class="dropdown-menu">
<a id="tb_add" href="#" title="新增"><i class="glyphicon glyphicon-plus"></i></a>
<a id="tb_delete" href="#" title="删除"><i class="glyphicon glyphicon-remove"></i></a>
<a id="tb_edit" href="#" title="编辑"><i class="glyphicon glyphicon-pencil"></i></a>
<a id="tb_assignRole" href="#" title="指派角色"><i class="fa fa-sitemap"></i></a>
<a id="tb_assignUser" href="#" title="指派用户"><i class="fa fa-user"></i></a>
</div>
</div>
</div> </div>
</form> </form>
} }
@ -34,7 +44,7 @@
<span class="fa fa-sitemap" aria-hidden="true"></span>指派角色 <span class="fa fa-sitemap" aria-hidden="true"></span>指派角色
</button> </button>
<button id="btn_assignUser" type="button" class="btn btn-info"> <button id="btn_assignUser" type="button" class="btn btn-info">
<span class="fa fa-home" aria-hidden="true"></span>指派用户 <span class="fa fa-user" aria-hidden="true"></span>指派用户
</button> </button>
} }
@section modal { @section modal {

15
Bootstrap.Admin/Views/Admin/Roles.cshtml
View File

@ -32,12 +32,23 @@
<div class="form-group col-lg-2"> <div class="form-group col-lg-2">
<button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button> <button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
</div> </div>
<div class="toolbar btn-group dropdown">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button"><i class="fa fa-gear"></i></button>
<div class="dropdown-menu">
<a id="tb_add" href="#" title="新增"><i class="glyphicon glyphicon-plus"></i></a>
<a id="tb_delete" href="#" title="删除"><i class="glyphicon glyphicon-remove"></i></a>
<a id="tb_edit" href="#" title="编辑"><i class="glyphicon glyphicon-pencil"></i></a>
<a id="tb_assignUser" href="#" title="指派用户"><i class="fa fa-user"></i></a>
<a id="tb_assignGroup" href="#" title="指派部门"><i class="fa fa-home"></i></a>
<a id="tb_assignMenu" href="#" title="指派菜单"><i class="fa fa-dashboard"></i></a>
</div>
</div> </div>
</form> </div>
</form>
} }
@section toolbar{ @section toolbar{
<button id="btn_assignUser" type="button" class="btn btn-info"> <button id="btn_assignUser" type="button" class="btn btn-info">
<span class="fa fa-sitemap" aria-hidden="true"></span>指派用户 <span class="fa fa-user" aria-hidden="true"></span>指派用户
</button> </button>
<button id="btn_assignGroup" type="button" class="btn btn-info"> <button id="btn_assignGroup" type="button" class="btn btn-info">
<span class="fa fa-home" aria-hidden="true"></span>指派部门 <span class="fa fa-home" aria-hidden="true"></span>指派部门

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

@ -26,8 +26,18 @@
<div class="form-group col-lg-2"> <div class="form-group col-lg-2">
<button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button> <button type="button" id="btn_query" class="btn btn-primary form-control"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
</div> </div>
<div class="toolbar btn-group dropdown">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button"><i class="fa fa-gear"></i></button>
<div class="dropdown-menu">
<a id="tb_add" href="#" title="新增"><i class="glyphicon glyphicon-plus"></i></a>
<a id="tb_delete" href="#" title="删除"><i class="glyphicon glyphicon-remove"></i></a>
<a id="tb_edit" href="#" title="编辑"><i class="glyphicon glyphicon-pencil"></i></a>
<a id="tb_assignRole" href="#" title="指派角色"><i class="fa fa-sitemap"></i></a>
<a id="tb_assignGroup" href="#" title="指派部门"><i class="fa fa-home"></i></a>
</div>
</div>
</div> </div>
</form> </form>
} }
@section toolbar { @section toolbar {
<button id="btn_assignRole" type="button" class="btn btn-info"> <button id="btn_assignRole" type="button" class="btn btn-info">
@ -51,7 +61,7 @@
<div class="form-group col-lg-6"> <div class="form-group col-lg-6">
<input type="text" class="form-control hidden" id="userID" name="userID" /> <input type="text" class="form-control hidden" id="userID" name="userID" />
<label class="control-label" for="userName">显示名称</label> <label class="control-label" for="userName">显示名称</label>
<input type="text" class="form-control" id="displayName" name="displayName" maxlength="50" /> <input type="text" class="form-control" id="displayName" name="displayName" maxlength="50" />
</div> </div>
<div class="form-group col-lg-6"> <div class="form-group col-lg-6">
<label class="control-label" for="password">登录密码</label> <label class="control-label" for="password">登录密码</label>