增加新功能,屏幕宽度太小时,toolbar变成图标

This commit is contained in:
Argo-Lenovo 2016-11-09 16:48:44 +08:00
parent ba90d5f392
commit 5f4e12c7fa
5 changed files with 67 additions and 20 deletions

View File

@ -3,6 +3,26 @@
height: auto;
}
.has-error input {
background-repeat: no-repeat;
background-image: url('../images/error.png');
background-position: right 8px center;
}
.has-error .input-group-btn button, .has-error .input-group-btn button:active:focus {
border-color: #a94442;
}
.has-success input {
background-repeat: no-repeat;
background-image: url('../images/success.png');
background-position: right 8px center;
}
.has-success .input-group-btn button, .has-success .input-group-btn button:active:focus {
border-color: #3c763d;
}
.sidebar-closed > #sidebar > ul {
display: none;
}
@ -159,3 +179,25 @@ ul.sidebar-menu {
margin-right: 6px;
top: 2px;
}
.toolbar {
position: relative;
margin-top: 10px;
margin-bottom: 10px;
line-height: 34px;
display: none;
}
.toolbar div {
padding: 0;
white-space: nowrap;
}
.toolbar div a:first-child {
border-left: none;
}
.toolbar div a {
padding: 8px 20px;
border-left: solid 1px #aeb2b7;
}

View File

@ -67,6 +67,14 @@
.modal-dialog {
width: 460px;
}
.bs-bars {
display: none;
}
.toolbar {
display: inline-block;
}
}
@media (max-width: 480px) {

View File

@ -10,26 +10,6 @@
-moz-font-smoothing: antialiased;
}
.has-error input {
background-repeat: no-repeat;
background-image: url('../images/error.png');
background-position: right 8px center;
}
.has-error .input-group-btn button, .has-error .input-group-btn button:active:focus {
border-color: #a94442;
}
.has-success input {
background-repeat: no-repeat;
background-image: url('../images/success.png');
background-position: right 8px center;
}
.has-success .input-group-btn button, .has-success .input-group-btn button:active:focus {
border-color: #3c763d;
}
.dropdown-menu {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
}

View File

@ -71,4 +71,12 @@ $(function () {
//$("html").niceScroll({styler:"fb",cursorcolor:"#e8403f", cursorwidth: '6', cursorborderradius: '10px', background: '#404040', spacebarenabled:false, cursorborder: '', zindex: '1000', scrollspeed: 100, mousescrollstep: 60});
//$(".table-responsive").niceScroll({ styler: "fb", cursorcolor: "#e8403f", cursorwidth: '6', cursorborderradius: '10px', background: '#404040', spacebarenabled: false, cursorborder: '', zindex: '1000', horizrailenabled: true });
$('.toolbar').insertBefore($('.bootstrap-table > .fixed-table-toolbar > .bs-bars'));
$('.toolbar a').click(function () {
var ctl = $('#' + $(this).attr('id').replace('tb_', 'btn_'));
ctl.trigger("click");
});
})(jQuery);

View File

@ -40,6 +40,15 @@
<div class="form-group col-xs-12 col-sm-6 col-md-2 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>
</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>
</div>
</div>
</div>
</form>
}