最新历史版本 :移动端加载动画 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

FineBI 版本
App 版本HTML5移动端展现插件功能变动
6.0V11.0.68V11.0.68-

1.2 应用场景

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

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

ce3f50b8-b61a-433a-8772-802233b750f6.jpg

1.3 功能入口

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

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

加载动画设置.png

2. 自定义全局加载动画编辑

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

2.1 全局加载动画

2.1.1 默认

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

1603885205311520.png

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

92aff1c1-edd5-484d-ba5d-918c347ff9d4.jpg

2.1.2 不显示

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

1603885467654105.png

2.1.3 自定义

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

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

2022-03-30_15-59-27.jpg

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

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

ce3f50b8-b61a-433a-8772-802233b750f6.jpg

2.2 全局加载动画背景

2.2.1 默认效果

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

1603886103771110.png

2.2.2 自定义

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

2022-03-30_16-13-27.jpg

设置效果如下图所示:

88553e1e-bfbb-43cd-9d24-78c4dda55a76.jpg

2.3 显示取消加载按钮

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

2022-03-30_16-12-22.jpg

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

ce3f50b8-b61a-433a-8772-802233b750f6.jpg

3. 资源下载编辑

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