移动端加载动画

1.1 版本

1.2 应用场景

用户支持自定义全局加载动画功能，提升移动端用户的数据感知体验。

自定义全局加载动画的效果如下图所示：

1.3 功能入口

局部加载动画是系统默认的，不提供自定义入口。

全局加载动画设置入口：「管理系统>移动平台>模板预览设置>加载动画设置」。如下图所示：

下面分别介绍下全局加载动画的这 3 个设置项。

2.1 全局加载动画

2.1.1 默认

全局加载动画选择默认，即采用系统默认动画。

默认动画效果如下图所示：

2.1.2 不显示

全局加载动画选择不显示，即不设置全局加载动画，此时全局加载动画背景和显示取消加载按钮设置项也会消失。

2.1.3 自定义

全局加载动画选择自定义，可以上传 GIF 图片作为加载动画。文末也提供了一些 GIF 资源包供用户使用。

注：目前只支持 GIF 格式，上传其它类型文件会报错提示「文件类型不支持」。

注：GIF 过大可能出现图片加载方面的性能问题，所以比较大的 GIF 要尽量压缩下。

自定义动画效果如下图所示：

2.2 全局加载动画背景

2.2.1 默认效果

全局加载动画背景选择默认效果，即加载动画为白底灰框。

2.2.2 自定义

全局加载动画背景选择自定义，可以自定义动画的背景颜色。如下图所示：

设置效果如下图所示：

2.3 显示取消加载按钮

默认显示取消加载按钮，点击后可以直接取消掉动画。

开启该功能，动画右上角会出现取消动画效果按钮如下图所示：

点击下载加载动画 GIF 资源包：加载动画包.rar