永洪社区

标题: 移动端页面优化 [打印本页]

作者: 烬秋 时间: 2024-9-13 15:03
标题: 移动端页面优化
本帖最后由烬秋于 2024-9-13 15:04 编辑

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

作者: yhdata_lyaa 时间: 2024-9-13 15:24
暂不支持

作者: yhdata_r4OSBEnB 时间: 7 天前
给你个参考：
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秒

欢迎光临永洪社区 (https://club.yonghongtech.com/)