天翎MyApps技术社区 - 低代码平台 | 流程管理系统 | BPM软件

 找回密码
 注册成为天翎用户
查看: 1768|回复: 0

[常见问题] 【Good】皮肤样式修改

[复制链接]
Chain 发表于 2019-7-1 11:44:51 | 显示全部楼层 |阅读模式
常见场景:用户需要自行对Good皮肤的样式进行修改。

原因:没有编译平台的Sass文件,所以直接修改scss样式是无法生效的。

解决方法:

第一步:将node.js环境部署到电脑中。(下载地址:http://nodejs.cn/download/

Good样式修改.png

注:该处举例只是用了node.js的方式,用户也可以自行使用koala编译的方式来编译Sass。

第二步:安装node环境。

Good样式修改02.png

第三步:来安装目录WeiOA365\bin\apache-tomcat-7.0.57\webapps\obpm\portal\good\bulid下面执行bat文件。

Good样式修改03.png

注:如果是linux系统的情况,可以直接将bat里面的命令取出来执行即可。

第四步:输入“2”,安装Sass。

Good样式修改04.png

第五步:等待安装。

Good样式修改05.png

第六步:安装完成后,输入“1”执行编译Sass。

Good样式修改06.png

第七步:成功执行界面。(该窗口不用关闭,因为在修改样式的时候,窗口会自动帮我们编译)

Good样式修改07.png

第八步:来安装目录webapps\obpm\portal\good\sass下面修改对应的Scss文件即可。

Good样式修改08.png

第九步:验证,修改body文字颜色。

Good样式修改12.png

第十步:修改对应的Scss文件。

Good样式修改10.png

第十一步:修改完成效果,注意清除浏览器缓存。

Good样式修改11.png

以上情况是针对应平台中界面的修改,如果需要修改控件或者内置的样式,需要去修改tpl下面的文件则需要另外编译,操作如下:

修改跳转按钮的样式

good012.png

修改完成后执行编译文件

good013.png

备注:有些用户安装的NodeJS是不完整的包就导致编译的弹窗一打开就关闭掉,这个是因为缺少插件导致的。

到nodejs的安装目录下面执行cmd安装插件

  1. 安装命令:npm install -g tmodjs
复制代码


安装完成之后再执行上面的两个编译文件就可以了

效果:

good015.png
good014.png

本版积分规则

QQ|手机版|天翎MyApps技术社区 ( 粤ICP备11093750号 )

GMT+8, 2026-8-12 13:22

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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