超小屏幕的体验优化。
This commit is contained in:
@@ -26,7 +26,7 @@
|
|||||||
<script>
|
<script>
|
||||||
// 初始化布局
|
// 初始化布局
|
||||||
$('body').layout({
|
$('body').layout({
|
||||||
west__initClosed: false, // 是否默认关闭
|
west__initClosed: $(window).width() <= 767, // 是否默认关闭
|
||||||
west__size: 180
|
west__size: 180
|
||||||
});
|
});
|
||||||
// 主页框架
|
// 主页框架
|
||||||
|
|||||||
@@ -29,7 +29,7 @@
|
|||||||
<script>
|
<script>
|
||||||
// 初始化布局
|
// 初始化布局
|
||||||
$('body').layout({
|
$('body').layout({
|
||||||
west__initClosed: false, // 是否默认关闭
|
west__initClosed: $(window).width() <= 767, // 是否默认关闭
|
||||||
west__size: 200
|
west__size: 200
|
||||||
});
|
});
|
||||||
// 主页框架
|
// 主页框架
|
||||||
|
|||||||
@@ -4,14 +4,42 @@
|
|||||||
<img data-href="${ctx}/sys/user/info" data-title="${text('个人中心')}" class="img-circle pointer"
|
<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>
|
<script>
|
||||||
$('.user-panel .img-circle').click(function(){
|
$(function(){
|
||||||
if (!$('.main-header').is(':hidden')){
|
if ($(window).width() <= 767){
|
||||||
$('.main-header').slideUp(300);
|
$('body').append('<div class="btn btn-default full-screen-menu"><i class="fa fa-bars"></i></div>');
|
||||||
$('[data-toggle="push-menu"]').click();
|
|
||||||
}else{
|
|
||||||
$('.main-header').slideDown(300);
|
|
||||||
}
|
}
|
||||||
});
|
$('.full-screen-menu,.user-panel .img-circle').click(function(){
|
||||||
|
if (!$('.main-header').is(':hidden')){
|
||||||
|
$('.main-header').slideUp(100, function(){
|
||||||
|
if (($(window).width() > 767 && !$('body').hasClass('sidebar-collapse'))
|
||||||
|
|| $('body').hasClass('sidebar-open')){
|
||||||
|
$('[data-toggle="push-menu"]').click();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}else{
|
||||||
|
$('.main-header').slideDown(100, function(){
|
||||||
|
setTimeout(function(){
|
||||||
|
if (${@Global.getConfig('sys.index.sidebarStyle', '1') != '2'}){
|
||||||
|
$('[data-toggle="push-menu"]').click();
|
||||||
|
}
|
||||||
|
},100);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
setTimeout(function(){
|
||||||
|
$('#tabpanel').tabPanel('resize');
|
||||||
|
},500);
|
||||||
|
});
|
||||||
|
$('#leftMenu').on('click', '.addTabPage', function (e) {
|
||||||
|
if ($(window).width() <= 767 && $('body').hasClass('sidebar-open')){
|
||||||
|
var href = $(this).data('href');
|
||||||
|
if (href != '' && href != 'blank'){
|
||||||
|
if ($(window).width() <= 767){
|
||||||
|
$('.full-screen-menu').click();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
<div class="pull-left info">
|
<div class="pull-left info">
|
||||||
|
|||||||
@@ -60,10 +60,17 @@
|
|||||||
if(js.trim($("#leftMenu-" + code).text()) == ''){
|
if(js.trim($("#leftMenu-" + code).text()) == ''){
|
||||||
$('.main-sidebar').hide();
|
$('.main-sidebar').hide();
|
||||||
$('.content-wrapper').css("cssText","margin-left:0!important;");
|
$('.content-wrapper').css("cssText","margin-left:0!important;");
|
||||||
|
if (window.initMenu && $(window).width() <= 767 && $('body').hasClass('sidebar-open')){
|
||||||
|
$('[data-toggle="push-menu"]').click();
|
||||||
|
}
|
||||||
}else{
|
}else{
|
||||||
$('.main-sidebar').show();
|
$('.main-sidebar').show();
|
||||||
$('.content-wrapper').css('margin-left', '');
|
$('.content-wrapper').css('margin-left', '');
|
||||||
|
if (window.initMenu && $(window).width() <= 767 && !$('body').hasClass('sidebar-open')){
|
||||||
|
$('[data-toggle="push-menu"]').click();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
window.initMenu = true;
|
||||||
setTimeout(function(){
|
setTimeout(function(){
|
||||||
$(window).resize();
|
$(window).resize();
|
||||||
},200);
|
},200);
|
||||||
|
|||||||
Reference in New Issue
Block a user