功能说明
MobilePortalChange.ext,该插件包的主要功能有: 该扩展包的主要功能有:
- 替换登陆页背景;
- 替换登陆页logo;
- 替换导航栏logo;替换界面页头logo;
- 替换导航栏显示的样式;替换界面页头logo显示的样式;
- 替换关于弹窗logo。
插件包的替换方式可参考Wiki:扩展包的替换方式可参考Wiki:更换产品显示方式_插件包方式扩展包方式。
操作说明
部署开发插件包部署开发扩展包
部署 状态
替换登陆页整页内容
- 修改插件包中某个文件(1) 首先用 WinRAR 之类的压缩工具,打开
状态 colour Red MobilePortalChange修改扩展包中某个文件title 缺少插件包 (1) 首先用 WinRAR 之类的压缩工具,打开 MobilePortalChange.ext 文件。
(2) 然后将需要修改的文件从 WinRAR 窗口中拖出来,对其进行修改。
(3) 接着将修改后的文件,拖放回 WinRAR 窗口中,覆盖以前的旧文件。
(4) 关闭 WinRAR 窗口保存修改即可。
状态 colour Red title 缺少插件包 MobilePortalChange.ext中包含着对V8ext中包含着对V8.5之前的版本和V8.5之后版本的移动端界面的扩展,分别对应不同的目录。其中 MobilePortalChange\vision\mobileX 对应的是V8.5之后移动端界面,其它目录对应的是V8.5之前的旧移动端界面,请参考
5之前的旧移动端界面,请参考相关图片资源。状态 colour Red title 缺少参考的链接 Logo图片替换
V8.5的界面图片替换,都位于MobilePortalChange\vision\mobileX\static\img\logo目录下。具体可替换的图片列表如下:
登录页面LOGO及企业信息
手机端
关于页面登录页
logo.png
518 X 56
界面
页头
sm-logo.png
44X 40
登陆页面关于弹窗
about_logo.png
256 X 47
平板端
页头登陆页
login_logo.png
504 X 155
关于页面界面页头
logo_pad.png
200 X 40
关于弹窗
about_logo.png
256 X 47
通过Css处理额外的样式
如果要修改的图片,不再上述列表中,或者想要微调修改某些页面元素的显示属性,可以通过修改MobilePortalChange\vision\mobileX\static\patch\patch.css文件来处理。以修改登录界面的背景图为例,步骤如下:
(1) 首先打开Chrome浏览器,通过F12,进入开发者模式,点击工具栏上“toggle device tool”,进入模拟移动端界面的状态。
(2) 在地址栏中打开http://server:port/smartbi/vision/mobileX/
index,进入移动端的登录界面。index,进入移动端的登录界面。
(3) 通过Chrome的工具定位到背景图所在的节点,找到样式名称
可以看到这个背景图片是带有随机数的,这是在VUE编译时自动生成。直接在MobilePortalChange
可以看到这个背景图片是带有随机数的,这是在VUE编译时自动生成。直接在MobilePortalChange\vision\mobileX\static\img放置一个同名文件进行替换也能生效,但是遇到版本升级的时候,这个随机数有可能会被改变掉,造成升级后失效,因此最好还是通过css进行修改。
(4)编辑css,用同名样式进行覆盖修改
4. 通过patch.js修改处理逻辑
对于一些处理逻辑和展示逻辑的修改,例如修改登录验证方式等,则需要通过patch.js进行处理。这里涉及比较多的内部处理逻辑,请联系Smartbi售后进行定制处理。
注意事项
1、修改完插件包的文件之后,需要保存 1、修改完扩展包的文件之后,需要保存
2、修改的位置需正确,否则会导致正常功能失效
3、若需要替换更多的图片,需先找到该图片所在目录,找目录请参考 前端定位技巧。