反馈已提交

网络繁忙

移动端加载动画

  • 文档创建者:Leo.Tsai
  • 历史版本:10
  • 最近更新:April陶 于 2023-11-06
  • 1. 概述

    1.1 版本

    报表服务器版本App 版本HTML5 移动端展现插件版本功能变动
    11.0V11.0V11.0-
    11.0.18V11.0.83V11.0.83
    「加载动画设置」从「其他」移动了「模板预览配置」Tab下

    1.2 应用场景

    新版对局部加载动画进行了优化,并新增自定义全局加载动画功能,提升移动端用户的数据感知体验。

    局部加载动画如下图所示:

    368795610529220992.jpg

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

    383605184498443105.jpg

    1.3 功能入口

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

    全局加载动画设置入口:决策系统「管理系统」>「移动平台」>「模板预览配置」目录下的「加载动画设置」,如下图所示:

    2023-07-07_11-26-44.png

    2. 自定义全局加载动画

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

    2.1 全局加载动画

    2.1.1 默认

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

    Snag_1305954.png

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

    微信图片_20201028193651.jpg

    2.1.2 不显示

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

    Snag_13459ce.png

    2.1.3 自定义

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

    Snag_1369b61.png

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

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

    259194339970583089.jpg

    注:目前只支持 GIF 格式,上传其它类型文件会报错:文件类型不支持。如下图所示:

    Snag_13aadfb.png

    2.2 全局加载动画背景

    2.2.1 默认效果

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

    Snag_13debc1.png

    2.2.2 自定义

    全局加载动画背景选择「自定义」,可以自定义动画的背景颜色。

    Snag_1408066.png

    2.3 显示取消加载按钮

    默认开启「显示取消加载按钮」。如下图所示:

    2023-11-06_18-41-19.png

    开启该功能,动画右上角会出现取消动画效果按钮,点击后可以直接取消掉动画。

    383605184498443105.jpg

    3. 资源下载

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

    附件列表


    主题: 移动端应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭



    AI

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持