https://xjlxw.com/skin/cp001/js/app.js

1$(function() {
2    // 读取body data-type 判断是哪个页面然后执行相应页面方法，方法在下面。
3    var dataType = $('body').attr('data-type');
4    console.log(dataType);
5   
6    //     // 判断用户是否已有自己选择的模板风格
7    //    if(storageLoad('SelcetColor')){
8    //      $('body').attr('class',storageLoad('SelcetColor').Color)
9    //    }else{
10    //        storageSave(saveSelectColor);
11    //        $('body').attr('class','theme-black')
12    //    }
13
14    autoLeftNav();
15
16
17    //    if(storageLoad('SelcetColor')){
18
19    //     }else{
20    //       storageSave(saveSelectColor);
21    //     }
22})
23
24
25
26
27
28// 风格切换
29
30$('.tpl-skiner-toggle').on('click', function() {
31    $('.tpl-skiner').toggleClass('active');
32})
33
34$('.tpl-skiner-content-bar').find('span').on('click', function() {
35    $('body').attr('class', $(this).attr('data-color'))
36    saveSelectColor.Color = $(this).attr('data-color');
37    // 保存选择项
38    storageSave(saveSelectColor);
39
40})
41
42
43
44
45// 侧边菜单开关
46
47
48function autoLeftNav() {
49	if ($(window).width() < 1024) {
50$('.left-sidebar').addClass('active');
51	}
52
53    $('.tpl-header-switch-button').on('click', function() {
54		
55        if ($('.left-sidebar').is('.active')) {			
56            if ($(window).width() > 1024) {
57            $('.tpl-content-wrapper').removeClass('active');
58			$('.left-sidebar').removeClass('active');
59            }else{
60			$('.left-sidebar').removeClass('active');
61			}			
62			
63        } else {           
64            if ($(window).width() > 1024) {
65			$('.left-sidebar').addClass('active');
66            $('.tpl-content-wrapper').addClass('active');
67            }else {
68			$('.left-sidebar').addClass('active');
69			}	
70        }
71    })
72
73     
74}
75
76
77// 侧边菜单
78$('.sidebar-nav-sub-title').on('click', function() {
79    $(this).siblings('.sidebar-nav-sub').slideToggle(80)
80        .end()
81        .find('.sidebar-nav-sub-ico').toggleClass('sidebar-nav-sub-ico-rotate');
82})