JEPaaS 社区

 找回密码
 立即注册
JEPaaS低代码平台-官网
查看: 397|回复: 0

默认顶部和左侧菜单样式

[复制链接]

44

主题

130

帖子

575

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
575
发表于 2022-4-13 09:54:15 | 显示全部楼层 |阅读模式
默认顶部和左侧菜单样式
一、实现效果

登录进去就显示默认的绿色主题

二、实现思路

1、打开index.html
2、添加代码(ctrl+s保存)
3、修改数据库,将之前添加的主题色删除
4、重启服务,清缓存
三、具体操作
1、打开index.html

2、商业版添加代码(ctrl+s保存)
  1. //完整代码  在index.html 中 加以下代码
  2.     <script type="text/javascript">
  3.            (function(){
  4.                 window._JE_SYS_THEME_HEADER = 'green';    //顶部主题
  5.                window._JE_SYS_THEME_LEFTMENU = 'white';//左侧主题
  6.           })()
  7.     </script>
复制代码

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

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

5、修改数据库,将之前添加的主题色删除
  1. //查询数据
  2. select `VALUE` from je_core_setting where JE_CORE_SETTING_ID='RCoVadQmxLnyzisqrxF'

  3. //修改数据
  4. update  je_core_setting   set `VALUE` = null  where JE_CORE_SETTING_ID='RCoVadQmxLnyzisqrxF'
复制代码

6、清空所有缓存,重启服务

四、相关代码
脚本
  1. //支持的主题色
  2. window._JE_SYS_THEME_HEADER = 'blue';    //顶部主题
  3. window._JE_SYS_THEME_LEFTMENU = 'black';//左侧主题

  4. //顶部主题类型:”black”,”blue”,”red”,”green”,”purple”, “gradual-one”,
  5. //“gradual-two”,”gradual-three”,”gradual-four”,”gradual-five”,
  6. //左侧主题类型:”black”, “white”, “black-gradual”, “white-gradual”
复制代码

样式
  1. //颜色值
  2. .skeleton .skeleton-header {
  3.     background-color: #386bd0;
  4. }
复制代码

五、关键字

左侧菜单与顶部主题色







回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|JEPaaS 低代码平台社区 ( 京ICP备18023569号-1 )

GMT+8, 2022-8-11 07:16 , Processed in 0.057391 second(s), 21 queries .

Powered by 北京凯特伟业科技有限公司

Copyright © 2001-2021, JEPaaS.COM

快速回复 返回顶部 返回列表