案例效果

默认顶部和左侧菜单样式

实现思路

  1. 打开index.html

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

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

  4. 重启服务,清缓存

操作步骤

  1. 打开index.html

  1. 商业版添加代码(ctrl+s保存)
    //完整代码  在index.html 中 加以下代码
    <script type="text/javascript">
           (function(){
                window._JE_SYS_THEME_HEADER = 'green';    //顶部主题
               window._JE_SYS_THEME_LEFTMENU = 'white';//左侧主题
          })()
    </script>
  1. 如果加载时顶部菜单出现蓝色样式,在显示设置的样式时,源码客户可以直接修改index.html文件中的样式

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

  1. 修改数据库,将之前添加的主题色删除
//查询数据
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'
  1. 清空所有缓存,重启服务

相关代码

脚本

//支持的主题色
 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;
}

关键字,相关问题

  • 菜单颜色
  • 脚本编辑器
最后编辑: 呼丽华  文档更新时间: 2024-08-21 10:58   作者:肖海杰