烬秋青铜二
2024-9-13 15:03:31 发布在问答
移动端页面优化
本帖最后由 烬秋 于 2024-9-13 15:04 编辑

有没有办法让渲染慢的页面出现这种覆盖整页又会自动消失的图
lQDPJxs92nqQC8PNCuzNBQqwjj16XsKpAo4GzCJMblU3AA_1290_2796.jpg

最佳答案

yhdata_青山 白银一 关注Ta

2024-09-13 15:03:32

给你个参考: 1. 在你的报告中加一个文本框,设置无背景,无边框,高度可以设大点,宽度100% 2. 变化时运行添加如下脚本: 文本1.data = '.loading-show {position:relative; top:50%; left:50%; transform:translate(-50%,-50%); width:4.6875rem; height:4.6875rem; background-color:#fff; border:.0625rem solid #f5f5f5; border-radius:.625rem; text-align:center; animation: loaddesc 1ms forwards; animation-delay: 1.5s ...
查看完整内容
494
2
精彩评论2
yhdata_青山白银一
发表于 2024-9-13 15:03:32 显示全部楼层
给你个参考:
1. 在你的报告中加一个文本框,设置无背景,无边框,高度可以设大点,宽度100%
2. 变化时运行添加如下脚本:
文本1.data = '<style>.loading-show {position:relative; top:50%; left:50%; transform:translate(-50%,-50%); width:4.6875rem; height:4.6875rem; background-color:#fff; border:.0625rem solid #f5f5f5; border-radius:.625rem; text-align:center; animation: loaddesc 1ms forwards; animation-delay: 1.5s;} @keyframes loaddesc {0% {opacity: 1;} 100% {opacity: 0;display: none;}} .loading-show'+tstamp+' .loading-img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:3.125rem; height:3.125rem; vertical-align:middle}</style><div class="loading-show"><img class="loading-img" src="/bi/Viewer?proc=2&resource=image/oem/loading/mobile_db_loading.gif"></div>'
3. animation-delay自己设置时长,一般2-3秒
回复

使用道具 2#

yhdata_lyaa
发表于 2024-9-13 15:24:55 显示全部楼层
暂不支持
回复

使用道具 3#

高级模式
您需要登录后才可以回帖 登录 | 免费注册

  • 官方微信

    欢迎关注永洪服务号!收费为0,价值无限

    扫码关注
  • 新浪微博

    让每位用户轻松挖掘数据价值!

    访问新浪微博
  • 智能客服
100W

用户等你来哦

Copyright   ©2012-2025  北京永洪商智科技有限公司  (京ICP备12050607) 京公网安备110110802011451号 |《永洪社区协议》
返回顶部