点击侧边栏头像隐藏header部分,扩大操作区域。

This commit is contained in:
thinkgem
2019-02-04 20:59:32 +08:00
parent cd6c655ff5
commit 2a5857645b

View File

@@ -1,8 +1,18 @@
<section class="sidebar">
<div class="user-panel">
<div class="pull-left image">
<img data-href="${ctx}/sys/user/info" data-title="${text('个人中心')}" class="addTabPage img-circle"
<img data-href="${ctx}/sys/user/info" data-title="${text('个人中心')}" class="img-circle pointer"
src="${@user.getAvatarUrl().replaceFirst('/ctxPath', ctxPath)}">
<script>
$('.user-panel .img-circle').click(function(){
if (!$('.main-header').is(':hidden')){
$('.main-header').slideUp(300);
$('[data-toggle="push-menu"]').click();
}else{
$('.main-header').slideDown(300);
}
});
</script>
</div>
<div class="pull-left info">
<p>${user.userName}</p>
@@ -15,27 +25,34 @@
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="查询...">
<span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i
class="fa fa-search"></i></button>
</span>
</div>
</form>
<%-->*/%>
<ul class="sidebar-menu" data-widget="tree">
<%/*<!--%>
<%/*<!--%>
<ul class="sidebar-menu">
<% var menuSysCode = @ObjectUtils.toStringIgnoreNull(session.sysCode, 'default'); %>
<li class="header">${@DictUtils.getDictLabel('sys_menu_sys_code', menuSysCode, '')}</li>
<%-->*/%>
<%
var p = {parentCode: '0', firstMenu: true};
menu.tree(p);
print(p.html);
%>
<%/*<!--%>
</ul>
<%-->*/%>
<div id="leftMenu" data-widget="tree">
<% if(@Global.getConfig('sys.index.menuStyle', '1') == '1'){ %>
<ul class="sidebar-menu">
<%
var p = {parentCode: '0'};
menu.tree(p); print(p.html);
%>
</ul>
<% } %>
</div>
<%/*<!--%>
<ul class="sidebar-menu">
<li class="header">快捷菜单</li>
<li><a href="#"><i class="fa fa-circle-o text-red"></i> <span>快捷菜单1</span></a></li>
<li><a href="#"><i class="fa fa-circle-o text-yellow"></i> <span>快捷菜单2</span></a></li>
<li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>快捷菜单3</span></a></li>
<%-->*/%>
</ul>
<%-->*/%>
</section>