点击侧边栏头像隐藏header部分,扩大操作区域。
This commit is contained in:
@@ -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>
|
||||||
Reference in New Issue
Block a user