点击侧边栏头像隐藏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"> <section class="sidebar">
<div class="user-panel"> <div class="user-panel">
<div class="pull-left image"> <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)}"> 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>
<div class="pull-left info"> <div class="pull-left info">
<p>${user.userName}</p> <p>${user.userName}</p>
@@ -15,27 +25,34 @@
<div class="input-group"> <div class="input-group">
<input type="text" name="q" class="form-control" placeholder="查询..."> <input type="text" name="q" class="form-control" placeholder="查询...">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i> <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i
</button> class="fa fa-search"></i></button>
</span> </span>
</div> </div>
</form> </form>
<%-->*/%> <%-->*/%>
<ul class="sidebar-menu" data-widget="tree"> <%/*<!--%>
<%/*<!--%> <ul class="sidebar-menu">
<% var menuSysCode = @ObjectUtils.toStringIgnoreNull(session.sysCode, 'default'); %> <% var menuSysCode = @ObjectUtils.toStringIgnoreNull(session.sysCode, 'default'); %>
<li class="header">${@DictUtils.getDictLabel('sys_menu_sys_code', menuSysCode, '')}</li> <li class="header">${@DictUtils.getDictLabel('sys_menu_sys_code', menuSysCode, '')}</li>
<%-->*/%> </ul>
<% <%-->*/%>
var p = {parentCode: '0', firstMenu: true}; <div id="leftMenu" data-widget="tree">
menu.tree(p); <% if(@Global.getConfig('sys.index.menuStyle', '1') == '1'){ %>
print(p.html); <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 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-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-yellow"></i> <span>快捷菜单2</span></a></li>
<li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>快捷菜单3</span></a></li> <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>快捷菜单3</span></a></li>
<%-->*/%>
</ul> </ul>
<%-->*/%>
</section> </section>