凯特-呼丽华 发表于 2022-4-13 09:54:15

默认顶部和左侧菜单样式

默认顶部和左侧菜单样式
一、实现效果

登录进去就显示默认的绿色主题
https://doc.jepaas.com/uploads/je_doc_jepaas/images/m_c9b81c205669c5cf9715ed321465aafc_r.png
二、实现思路

1、打开index.html
2、添加代码(ctrl+s保存)
3、修改数据库,将之前添加的主题色删除
4、重启服务,清缓存
三、具体操作
1、打开index.htmlhttps://doc.jepaas.com/uploads/je_doc_jepaas/images/m_394ee57961430fccecc40ad870ed51ba_r.png
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文件中的样式https://doc.jepaas.com/uploads/je_doc_jepaas/images/m_4be8bdf377f0b2d084792e673c7aba23_r.png
4、商业版客户如果出现第三步的问题,修改index.html中的样式与body标签的Class值:je-theme-XXX,class的值可以根据顶部主题类型颜色变,例如:je-theme-greenhttps://doc.jepaas.com/uploads/je_doc_jepaas/images/m_71e3560f9922d986775c510db9a92279_r.pnghttps://doc.jepaas.com/uploads/je_doc_jepaas/images/m_f231ca6816a83f05069962acf3dedf0c_r.png
5、修改数据库,将之前添加的主题色删除//查询数据
select `VALUE` from je_core_setting where JE_CORE_SETTING_ID='RCoVadQmxLnyzisqrxF'

//修改数据
updateje_core_setting   set `VALUE` = nullwhere JE_CORE_SETTING_ID='RCoVadQmxLnyzisqrxF'
6、清空所有缓存,重启服务
四、相关代码
脚本//支持的主题色
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;
}
五、关键字

左侧菜单与顶部主题色







页: [1]
查看完整版本: 默认顶部和左侧菜单样式