当前位置: 首页 > news >正文

【React】使用 antd 加载组件实现 iframe 的加载效果

文章目录

  • 代码实现:
import { Spin } from 'antd';
import { useState } from 'react';export default function () {const [loading, setLoading] = useState(true);return (<div style={{ position: 'relative', height: '100%' }}><Spinstyle={{ position: 'absolute', marginLeft: '40vw', marginTop: '40vh' }}spinning={loading}tip="加载页面资源中..."/><iframesrc={url}allow="fullscreen"onLoad={() => {setLoading(false);}}style={{height: '100%',width: '100%',border: 'none',}}/></div>);
}
http://www.lryc.cn/news/403143.html

相关文章:

  • Python爬虫(1) --基础知识
  • 云原生系列 - Jenkins
  • django踩坑(四):终端输入脚本可正常执行,而加入crontab中无任何输出
  • 计算机网络入门 -- 常用网络协议
  • 【LabVIEW作业篇 - 4】:属性节点赋值和直接节点赋值的区别体现
  • 【数据库系列】Parquet 文件介绍
  • A Survey on Multimodal Large Language Models综述
  • Leetcode3208. 交替组 II
  • 汇编教程2
  • 使用 git 和 GitHub 互动
  • 【Spring Boot 中的 `banner.txt` 和 `logback-spring.xml` 配置】
  • Python Linux环境(Centos8)安装minicoda3+jupyterlab
  • Python PDF Magic:合并和拆分随心所欲
  • Gmsh应用程序编程接口
  • DP 203 学习笔记
  • SQLite 事务
  • LabVIEW和Alicat Scientific质量流量计实现精确流量控制
  • 2024-07-19 Unity插件 Odin Inspector10 —— Misc Attributes
  • Go操作Redis详解
  • 钡铼Modbus TCP耦合器BL200实现现场设备与SCADA无缝对接
  • 数据分析入门:用Python和Numpy探索音乐流行趋势
  • 数仓工具—Hive语法之替换函数和示例
  • [SUCTF 2019]EasySQL1
  • elasticsearch, kibana, 6.8.18 版本下的创建索引,指定timestamp,java CRUD,maven版本等
  • 无人机侦察:二维机扫雷达探测设备技术详解
  • 未来互联网的新篇章:深度解析Web3技术
  • vst 算法R语言手工实现 | Seurat4 筛选高变基因的算法
  • 阿里通义千问大模型Qwen2-72B-Instruct通用能力登顶国内第一!
  • CH04_依赖项属性
  • CentOS 7开启SSH连接