默认顶部和左侧菜单样式

案例效果

默认顶部和左侧菜单样式

实现思路

1. 打开index.html

2. 添加代码(ctrl+s保存)

3. 修改数据库，将之前添加的主题色删除

4. 重启服务，清缓存

操作步骤

1. 打开index.html

2. 商业版添加代码(ctrl+s保存)

    //完整代码  在index.html 中 加以下代码
    <script type="text/javascript">
           (function(){
                window._JE_SYS_THEME_HEADER = 'green';    //顶部主题
               window._JE_SYS_THEME_LEFTMENU = 'white';//左侧主题
          })()
    </script>

3. 如果加载时顶部菜单出现蓝色样式，在显示设置的样式时，源码客户可以直接修改index.html文件中的样式

4. 商业版客户如果出现第三步的问题，修改index.html中的样式与body标签的Class值：je-theme-XXX，class的值可以根据顶部主题类型颜色变,例如：je-theme-green

5. 修改数据库，将之前添加的主题色删除

//查询数据
select `VALUE` from je_core_setting where JE_CORE_SETTING_ID='RCoVadQmxLnyzisqrxF'

//修改数据
 update  je_core_setting   set `VALUE` = null  where JE_CORE_SETTING_ID='RCoVadQmxLnyzisqrxF'

5. 清空所有缓存，重启服务

相关代码

脚本

//支持的主题色
 window._JE_SYS_THEME_HEADER = 'blue';    //顶部主题
 window._JE_SYS_THEME_LEFTMENU = 'black';//左侧主题

//顶部主题类型：”black”,”blue”,”red”,”green”,”purple”, “gradual-one”,
//“gradual-two”,”gradual-three”,”gradual-four”,”gradual-five”,
//左侧主题类型：”black”, “white”, “black-gradual”, “white-gradual”

样式

//颜色值
.skeleton .skeleton-header {
    background-color: #386bd0;
}

关键字，相关问题

• 菜单颜色
• 脚本编辑器