超小屏幕的体验优化。

This commit is contained in:
thinkgem
2019-12-22 11:24:29 +08:00
parent 761355c88f
commit b22e23bcc5
4 changed files with 44 additions and 9 deletions

View File

@@ -26,7 +26,7 @@
<script> <script>
// 初始化布局 // 初始化布局
$('body').layout({ $('body').layout({
west__initClosed: false, // 是否默认关闭 west__initClosed: $(window).width() <= 767, // 是否默认关闭
west__size: 180 west__size: 180
}); });
// 主页框架 // 主页框架

View File

@@ -29,7 +29,7 @@
<script> <script>
// 初始化布局 // 初始化布局
$('body').layout({ $('body').layout({
west__initClosed: false, // 是否默认关闭 west__initClosed: $(window).width() <= 767, // 是否默认关闭
west__size: 200 west__size: 200
}); });
// 主页框架 // 主页框架

View File

@@ -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">

View File

@@ -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);