永洪社区

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

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

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

作者: yhdata_青山    时间: 2024-9-13 15:03
给你个参考:
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
暂不支持




欢迎光临 永洪社区 (https://club.yonghongtech.com/) Powered by Discuz! X3.4