永洪社区
标题:
移动端页面优化
[打印本页]
作者:
烬秋
时间:
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