【fix】修改sidebar背景色；修复pixi例子报错

Author: chenxianhuii

build/jsdocs/template/static/styles/jaguar.css

@@ -48,8 +48,7 @@ a:hover, a:active, a:focus{
     width: 240px;
     height: 100%;
     padding-top: 0px;
-    background-color: var(--background-color);
-
+    background-color: var(--sidebar-background-color)
 }
 
 .main-sidebar .applicationName {
@@ -114,7 +113,7 @@ a:hover, a:active, a:focus{
 }
 
 .main-sidebar li.item a:hover {
-    color: #282828 ;
+    color: var(--active-color) ;
 }
 
 .main-sidebar li.item .title {

examples/css/sideBar.css

@@ -14,7 +14,7 @@
 }
 
 .skin-blue .main-sidebar {
-    background-color: var(--background-color);
+    background-color: var(--sidebar-background-color);
 }
 
 .skin-blue .sidebar-menu > li.treeview:hover > a {
@@ -62,7 +62,7 @@ a.sidebar-toggle {
     height: 36px;
     line-height: 36px;
     text-align: center;
-    background-color: var(--background-color);
+    background-color: var(--sidebar-background-color);
     color: var(--text-color) !important;
     display: block;
 }
@@ -86,7 +86,7 @@ a.sidebar-toggle {
   color: var(--active-color);
 }
 .skin-blue .treeview-menu li > a {
-    border-left: 3px solid var(--background-color);
+    border-left: 3px solid var(--sidebar-background-color);
 }
 
 .skin-blue .treeview-menu li > a:hover,
@@ -107,11 +107,11 @@ a.sidebar-toggle {
 
 .skin-blue .sidebar-menu > li > .treeview-menu {
     margin: 0;
-    background: var(--background-color);
+    background: var(--sidebar-background-color);
 }
 
 .sidebar-menu li.active > .treeview-menu {
-    background: var(--background-color);
+    background: var(--sidebar-background-color);
 }
 
 .sidebar-title-bar .fa-angle-down,
@@ -143,7 +143,7 @@ a.sidebar-toggle {
 .skin-blue .sidebar-menu > li:hover > a,
 .skin-blue .sidebar-menu > li.active > a {
     color: var(--text-color);
-    background: var(--background-color);
+    background: var(--sidebar-background-color);
 }
 
 .skin-blue .treeview-menu > li.active > a,

examples/js/theme/theme.js

@@ -47,12 +47,13 @@ function setRootStyle (theme) {
   rootStyleTag.innerHTML = rootStyle;
 }
 
+var getCookie = utils.getCookie;
 document.addEventListener("DOMContentLoaded", function() {
   initSkin();
 });
 
 function initSkin() {
-  var skin = utils.getCookie('theme') || 'dark';
+  var skin = getCookie('theme') || 'dark';
   var bodyElem = document.querySelector('body');
   bodyElem.classList.remove("light", "dark");
   bodyElem.classList.add(skin);

examples/js/theme/themeConfig.js

@@ -23,6 +23,7 @@ window.themeConfig = [
     "activeColor": "rgba(255,72,62,0.85)",
     "backgroundColor": "#FFFFFF",
     "headerBackgroundColor": "#FFFFFF",
+    "sidebarBackgroundColor": "#FFFFFF",
     "wrapperBackgroundColor": "#F5F6F6",
     "shadowColor": "var(--alpha04)",
     "borderColor": "var(--alpha08)",
@@ -60,6 +61,7 @@ window.themeConfig = [
     "activeColor": "rgba(224,76,64,1)",
     "backgroundColor": "#1F1F1F",
     "headerBackgroundColor": "#333333",
+    "sidebarBackgroundColor": "#333333",
     "wrapperBackgroundColor": "#F5F6F6",
     "shadowColor": "rgba(0, 0, 0, 0.04)",
     "borderColor": "var(--alpha08)",

examples/js/utils.js

@@ -19,8 +19,8 @@ var utils = {
 
     //设置语言。参数："zh_CN"，"en-US"
     function setLanguage(language) {
-        //默认设置过期时间为1个小时
-        setCookie(cKey, language, 60 * 60 * 1000);
+        //默认设置过期时间为7天
+        setCookie(cKey, language, 7 * 24 * 60 * 60 * 1000);
     }
 
     //获取当前语言。默认从cookie读取，没有则读取浏览器默认语言

examples/leaflet/l_pixiOverlay_taxi.html

@@ -3,12 +3,12 @@
     <head>
         <meta charset="UTF-8" />
         <title data-i18n="resources.title_pixiOverlay_taxi"></title>
-        <script type="text/javascript" include="jquery,bootstrap,papaparse,widgets" src="../js/include-web.js"></script>
     </head>
     <body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
         <div id="map" style="margin:0 auto;width: 100%;height: 100%" class="cartes"></div>
         <!-- 引入 pixi.js 、L.PixiOverlay.js等相关js -->
         <script type="text/javascript" include="pixi" src="../../dist/leaflet/include-leaflet.js"></script>
+        <script type="text/javascript" include="jquery,bootstrap,papaparse,widgets" src="../js/include-web.js"></script>
         <script>
             let host = window.isLocal ? window.server : 'https://iserver.supermap.io';
             var url = host + '/iserver/services/map-china400/rest/maps/China';