找文章 / 找答案
精选问答 更多内容

移动端页面优化

烬秋青铜二 显示全部楼层 发表于 2024-9-13 15:03:31 |阅读模式 打印 上一主题 下一主题
1
已解决

移动端页面优化

  • 永洪vip 烬秋青铜二
  • 2024-09-13 15:03:31
  • 发布在 产品问答
403 2
本帖最后由 烬秋 于 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 ...
查看完整内容
回复

使用道具 举报

精彩评论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秒
回复

使用道具 举报

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

使用道具 举报

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

  • 官方微信

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

    扫码关注
  • 新浪微博

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

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

会员等你来哦

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