修改后台默认样式

默认固定头部、底部以及左侧菜单
This commit is contained in:
2017-06-11 09:26:34 +08:00
parent 6a98708e85
commit 9d6a9e1c9c
3 changed files with 254 additions and 335 deletions

View File

@@ -13,25 +13,11 @@ $(function($) {
$('#skin-colors .skin-changer').removeClass('active'); $('#skin-colors .skin-changer').removeClass('active');
$('#skin-colors .skin-changer[data-skin="' + usedSkin + '"]').addClass('active'); $('#skin-colors .skin-changer[data-skin="' + usedSkin + '"]').addClass('active');
} }
var fixedHeader = localStorage.getItem('config-fixed-header');
if (fixedHeader == 'fixed-header') { //固定头部、左侧菜单以及底部版权信息
$('body').addClass(fixedHeader); $('body').addClass('fixed-header');
$('#config-fixed-header').prop('checked', true); $('body').addClass('fixed-footer');
} $('body').addClass('fixed-leftmenu');
var fixedFooter = localStorage.getItem('config-fixed-footer');
if (fixedFooter == 'fixed-footer') {
$('body').addClass(fixedFooter);
$('#config-fixed-footer').prop('checked', true);
}
var boxedLayout = localStorage.getItem('config-boxed-layout');
if (boxedLayout == 'boxed-layout') {
$('body').addClass(boxedLayout);
$('#config-boxed-layout').prop('checked', true);
}
var fixedLeftmenu = localStorage.getItem('config-fixed-leftmenu');
if (fixedLeftmenu == 'fixed-leftmenu') {
$('body').addClass(fixedLeftmenu);
$('#config-fixed-sidebar').prop('checked', true);
if ($('#page-wrapper').hasClass('nav-small')) { if ($('#page-wrapper').hasClass('nav-small')) {
$('#page-wrapper').removeClass('nav-small'); $('#page-wrapper').removeClass('nav-small');
} }
@@ -41,6 +27,12 @@ $(function($) {
preventPageScrolling: true, preventPageScrolling: true,
contentClass: 'col-left-nano-content' contentClass: 'col-left-nano-content'
}); });
var boxedLayout = localStorage.getItem('config-boxed-layout');
if (boxedLayout == 'boxed-layout') {
$('body').addClass(boxedLayout);
$('#config-boxed-layout').prop('checked', true);
} }
var sidebarSamll = localStorage.getItem('config-sidebar-samll'); var sidebarSamll = localStorage.getItem('config-sidebar-samll');
if (sidebarSamll == 'sidebar-samll') { if (sidebarSamll == 'sidebar-samll') {
@@ -57,33 +49,6 @@ $(function($) {
function() { function() {
$('#config-tool').toggleClass('closed'); $('#config-tool').toggleClass('closed');
}); });
$('#config-fixed-header').on('change',
function() {
var fixedHeader = '';
if ($(this).is(':checked')) {
$('body').addClass('fixed-header');
fixedHeader = 'fixed-header';
} else {
$('body').removeClass('fixed-header');
if ($('#config-fixed-sidebar').is(':checked')) {
$('#config-fixed-sidebar').prop('checked', false);
$('#config-fixed-sidebar').trigger('change');
location.reload();
}
}
writeStorage(storage, 'config-fixed-header', fixedHeader);
});
$('#config-fixed-footer').on('change',
function() {
var fixedFooter = '';
if ($(this).is(':checked')) {
$('body').addClass('fixed-footer');
fixedFooter = 'fixed-footer';
} else {
$('body').removeClass('fixed-footer');
}
writeStorage(storage, 'config-fixed-footer', fixedFooter);
});
$('#config-boxed-layout').on('change', $('#config-boxed-layout').on('change',
function() { function() {
var boxedLayout = ''; var boxedLayout = '';
@@ -95,32 +60,7 @@ $(function($) {
} }
writeStorage(storage, 'config-boxed-layout', boxedLayout); writeStorage(storage, 'config-boxed-layout', boxedLayout);
}); });
$('#config-fixed-sidebar').on('change',
function() {
var fixedSidebar = '';
if ($(this).is(':checked')) {
if (!$('#config-fixed-header').is(':checked')) {
$('#config-fixed-header').prop('checked', true);
$('#config-fixed-header').trigger('change');
}
if ($('#page-wrapper').hasClass('nav-small')) {
$('#page-wrapper').removeClass('nav-small');
}
$('body').addClass('fixed-leftmenu');
fixedSidebar = 'fixed-leftmenu';
$('.fixed-leftmenu #col-left').nanoScroller({
alwaysVisible: true,
iOSNativeScrolling: false,
preventPageScrolling: true,
contentClass: 'col-left-nano-content'
});
writeStorage(storage, 'config-fixed-leftmenu', fixedSidebar);
} else {
$('body').removeClass('fixed-leftmenu');
writeStorage(storage, 'config-fixed-leftmenu', fixedSidebar);
location.reload();
}
});
$('#config-sidebar-samll').on('change',function(){ $('#config-sidebar-samll').on('change',function(){
var sidebarSamll = ''; var sidebarSamll = '';
if ($(this).is(':checked')) { if ($(this).is(':checked')) {
@@ -134,9 +74,6 @@ $(function($) {
} }
}) })
if (!storage) { if (!storage) {
$('#config-fixed-header').prop('checked', false);
$('#config-fixed-footer').prop('checked', false);
$('#config-fixed-sidebar').prop('checked', false);
$('#config-boxed-layout').prop('checked', false); $('#config-boxed-layout').prop('checked', false);
$('#config-sidebar-samll').prop('checked', false); $('#config-sidebar-samll').prop('checked', false);
} }

View File

@@ -11,11 +11,11 @@ if (storage) {
if (usedSkin != '' && usedSkin != null) { if (usedSkin != '' && usedSkin != null) {
document.body.className = usedSkin; document.body.className = usedSkin;
} else { } else {
document.body.className = 'theme-whbl'; document.body.className = '';
} }
} catch(e) { } catch(e) {
document.body.className = 'theme-whbl'; document.body.className = '';
} }
} else { } else {
document.body.className = 'theme-whbl'; document.body.className = '';
} }

View File

@@ -5,24 +5,6 @@
<div id="config-tool-options"> <div id="config-tool-options">
<h4>布局选项</h4> <h4>布局选项</h4>
<ul> <ul>
<li>
<div class="checkbox-nice">
<input type="checkbox" id="config-fixed-header"/>
<label for="config-fixed-header">固定头部</label>
</div>
</li>
<li>
<div class="checkbox-nice">
<input type="checkbox" id="config-fixed-sidebar"/>
<label for="config-fixed-sidebar">固定左侧菜单</label>
</div>
</li>
<li>
<div class="checkbox-nice">
<input type="checkbox" id="config-fixed-footer"/>
<label for="config-fixed-footer">固定底部</label>
</div>
</li>
<li> <li>
<div class="checkbox-nice"> <div class="checkbox-nice">
<input type="checkbox" id="config-boxed-layout"/> <input type="checkbox" id="config-boxed-layout"/>