移动端自定义logo扩展包

功能说明

 MobilePortalChange.ext 该扩展包的主要功能有：

• 替换登陆页背景；
• 替换登陆页logo；
• 替换导航栏logo；
• 替换导航栏显示的样式；
• 替换关于弹窗logo。

扩展包的替换方式可参考Wiki：更换产品显示方式_扩展包方式。

操作说明

部署开发扩展包

部署 MobilePortalChange.ext，详细说明请参考Wiki链接：扩展包部署

替换登陆页整页内容

1. 修改扩展包中某个文件

   （1） 首先用 WinRAR 之类的压缩工具，打开 MobilePortalChange.ext 文件。

   （2） 然后将需要修改的文件从 WinRAR 窗口中拖出来，对其进行修改。

   （3） 接着将修改后的文件，拖放回 WinRAR 窗口中，覆盖以前的旧文件。

   （4） 关闭 WinRAR 窗口保存修改即可。

   MobilePortalChange.ext中包含着对V8.5之前的版本和V8.5之后版本的移动端界面的扩展，分别对应不同的目录。其中 MobilePortalChange\vision\mobileX 对应的是V8.5之后移动端界面，其它目录对应的是V8.5之前的旧移动端界面，请参考相关图片资源。

2. 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

3. 通过Css处理额外的样式
   如果要修改的图片，不再上述列表中，或者想要微调修改某些页面元素的显示属性，可以通过修改MobilePortalChange\vision\mobileX\static\patch\patch.css文件来处理。以修改登录界面的背景图为例，步骤如下：

           (1) 首先打开Chrome浏览器，通过F12，进入开发者模式，点击工具栏上“toggle device tool”，进入模拟移动端界面的状态。

           (2) 在地址栏中打开http://server:port/smartbi/vision/mobileX/index，进入移动端的登录界面。

           (3) 通过Chrome的工具定位到背景图所在的节点，找到样式名称

       可以看到这个背景图片是带有随机数的，这是在VUE编译时自动生成。直接在MobilePortalChange\vision\mobileX\static\img放置一个同名文件进行替换也能生效，但是遇到版本升级的时候，这个随机数有可能会被改变掉，造成升级后失效，因此最好还是通过css进行修改。

       (4)编辑css，用同名样式进行覆盖修改

       
    4. 通过patch.js修改处理逻辑

1. 对于一些处理逻辑和展示逻辑的修改，例如修改登录验证方式等，则需要通过patch.js进行处理。这里涉及比较多的内部处理逻辑，请联系Smartbi售后进行定制处理。

注意事项

 1、修改完扩展包的文件之后，需要保存

 2、修改的位置需正确，否则会导致正常功能失效

 3、若需要替换更多的图片，需先找到该图片所在目录，找目录请参考 前端定位技巧。