CSS 修改加载动画和图标

1. 概述
1.1 预期效果

对于一些官方图标客户不满意的情况，此处提供一个方法供大家替换。例如，可将正在加载的图标替换成如下样式：

1.2 实现思路

通过 CSS 替换官方加载动画图片。

2. 示例

下面提供一种只需要 CSS、JavaScript 文件和加载图标，即可替换官方加载动画图片的方法。

2.1 材料准备

下载并解压该压缩包：test.rar，下载见底部附件。

将解压到的 test 文件夹放到 %FR_HOME%\webapps\webroot\help\css 路径下。如下图所示：

2.1.1  loader.gif

文件夹中的  loader.gif 是本文示例的加载动画图片，如下图所示：

注： JAR 包时间在 2019-12-05 及之后的 FineReport 设计器中，加载动画与之前的有所不同。

如需使用之前的加载动画，可下载下面的文件并替换到上文的 test 文件夹中。

点击下载文件：loader.gif，下载见底部附件。

2.1.2 loader.css

1. loader.css 文件内容如下所示：
   
2. 
   
3. .loading-local-indicator-pic {
   
4.     background: url('loader.gif');
   
5.     background-size: cover;
   
6. }
   
7. .loading-whole-indicator-pic {
   
8.     background: url('loader.gif');
   
9.     background-size: cover;
   
10. }

复制代码

注：用户若需修改 loader.gif  文件的名字或路径，请自行修改代码。

2.1.3 loader.js

loader.js 文件内容如下所示：

1. FR.HtmlLoader.useCustomLoadingAnimation = function() {
   
2.         return true;
   
3. }

复制代码

2.2 引用 CSS、JavaScript 文件

1）在 FineReport 设计器中，选择服务器>服务器配置>引用Css，选择 loader.css 并增加，如下图所示：

2）点击引用JavaScript ，选择 loader.js 并增加，如下图所示：

注 1：更换图标时，只需要把加载的图标 loader.gif 替换即可看到新图标（需要清空一下浏览器缓存）。

注 2：替换的图标大小不要超过 64*64 ，否则看到的图标会显示不全。

2.3 预览效果

PC 端预览效果如本文 1.1 章「预期效果」中相同。

注：该方法不支持移动端。

页面加载动画自定义插件
https://help.fanruan.com/finereport/doc-view-2802.html

决策报表怎么弄？

请问一下这个决策报表怎么弄啊？