react 首页加载loading

2023-11-08

首页加载loading,放在#root里面,代码如下:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <meta name="theme-color" content="#000000">
    <!--
      manifest.json provides metadata used when your web app is added to the
      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
    -->
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
    <!--
      Notice the use of %PUBLIC_URL% in the tags above.
      It will be replaced with the URL of the `public` folder during the build.
      Only files inside the `public` folder can be referenced from the HTML.

      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
      work correctly both with client-side routing and a non-root public URL.
      Learn how to configure a non-root public URL by running `npm run build`.
    -->
    <title>Crazy Rich Birds</title>
    <style>
      *{
        margin: 0;
        padding: 0;
        border:0;
        box-sizing: border-box;
      }
      html ,body{
        width:100%;
        height:100%;
      }
      body {
        margin: 0;
        padding: 0;
        font-family: Arial;
        font-size: 12px;
        -webkit-overflow-scrolling: touch;
      }
      #root{
        width:100%;
        height:100%;
      }
      .loadWrap{
        background: #2e3347;
        width:100%;
        height:100%;
        overflow: hidden;
      }
      .loadWrap span {
        display: block;
        font-size: 16px;
        text-align: center;
        color: #fff;
        padding: 20px 0;
      }
      .loading{
        display: block;
        background: url(data:image/png;base64,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) no-repeat center center;
        background-size:cover;
        width:3.10526rem;
        height:3.4605rem;
        margin: calc(50% - 2rem) auto 0;
        transform:rotate(0deg);
        animation: load 2s steps(1, start) infinite;
        animation-fill-mode: both;
      }
      @keyframes load {
        0%{
          background: url(data:image/png;base64,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) no-repeat center center;
          background-size: cover;
        }
        10%{
          background: url(data:image/png;base64,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
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

react 首页加载loading 的相关文章

  • 在 javascript/jquery 中将光标更改为等待

    当调用函数时 如何让光标更改为此加载图标以及如何将其更改回 javascript jquery 中的普通光标 在你的 jQuery 中使用 body css cursor progress 然后又恢复正常 body css cursor d
  • 使用 vscode 调试器调试 next.js

    我已经使用安装了一个项目创建下一个应用程序 https github com segmentio create next app 我需要使用我的编辑器 vscode 调试服务器端渲染 所以我访问过vscode recipes 如何调试 ne
  • 关闭选项卡时要求确认[关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 当我在某些浏览器上关闭页面时 我希望出现一个消息框 并询问我是否真的要关闭页面 有两个按钮 如果我单击No那么这个标签就不会被关闭 我怎样
  • Web 串行 API - 未捕获(承诺中)DOMException:无法打开串行端口/所需成员 baudRate 未定义

    下面的代码可以在我的 Xubuntu 机器上运行 但现在我在 Kubuntu 上 它不再工作了 它不会打开端口 Arduino IDE 工作正常 可以向开发板写入代码 并且我可以在 Chrome 中选择设备 Arduino Uno 但当我尝
  • 使用 useReducers 调度函数发送多个操作?

    使用时是否可以通过调度函数发送多个动作useReducer挂钩反应 我尝试向它传递一组操作 但这会引发未处理的运行时异常 明确地说 通常会有一个初始状态对象和一个减速器 如下所示 const initialState message1 nu
  • 我想检查 $('#td1').text() === "x" 是否?

    我想检查innerHtml是否有X或O 所以我不能再次添加任何其他东西 但它不起作用 添加检查代码后它就停止了 我在这里尝试做一个简单的XO游戏来更熟悉javascript和jquery 我也不确定是否可以用 jQuery 做到这一点
  • jQuery AJAX 调用 Java 方法

    使用 jQuery AJAX 我们可以调用特定的 JAVA 方法 例如从 Action 类 该 Java 方法返回的数据将用于填充一些 HTML 代码 请告诉我是否可以使用 jQuery 轻松完成此操作 就像在 DWR 中一样 此外 对于
  • 如何抑制窗口鼠标滚轮滚动...?

    我正在开发嵌入页面中的画布应用程序 我有它 因此您可以使用鼠标滚轮放大绘图 但不幸的是 这会滚动页面 因为它是文章的一部分 当我在 dom 元素上滚动鼠标滚轮时 是否可以阻止鼠标滚轮在窗口上滚动 附加鼠标滚轮 不是 Gecko DOMMou
  • Javascript正则表达式用于字母字符和空格? [关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 help reopen questions 我需要一个
  • Node.js:如何在检索数据(块)时关闭响应/请求

    我正在用 node js 构建一个应用程序 它加载多个页面并分析内容 因为 node js 发送块 所以我可以分析这些块 如果一个块包含例如索引 nofollow 我想关闭该连接并继续其余部分 var host example com to
  • 为什么是 javascript:history.go(-1);无法在移动设备上工作?

    首先 一些背景 我有一个向用户呈现搜索页面 html 表单 的应用程序 填写标准并单击 搜索 按钮后 结果将显示在标准部分下方 在结果列表中 您可以通过单击将您带到新页面的链接来查看单个结果的详细信息 在详细信息页面中 我添加了一个 返回结
  • 音频 blob 的 URL.createObjectURL 在 Firefox 中给出 TypeError

    我正在尝试从创建的音频 blob 创建对象 URLgetUserMedia 该代码在 Chrome 中可以运行 但在 Firefox 中存在问题 错误 当我打电话时stopAudioRecorder 它停在audio player src
  • MVC 在布局代码之前执行视图代码并破坏我的脚本顺序

    我正在尝试将所有 javascript 包含内容移至页面底部 我正在将 MVC 与 Razor 一起使用 我编写了一个辅助方法来注册脚本 它按注册顺序保留脚本 并排除重复的内容 Html RegisterScript scripts som
  • 如何使输入字段和提交按钮变灰

    我想变灰这两件事 http doorsplit heroku com 歌曲输入字段和提交按钮 直到用户输入艺术家 有没有一种简单的方法可以通过 JQuery 来做到这一点 艺术家输入字段的id是 request artist 你可以这样做
  • 提交表单并重定向页面

    我在 SO 上看到了很多与此相关的其他问题 但没有一个对我有用 我正在尝试提交POST表单 然后将用户重定向到另一个页面 但我无法同时实现这两种情况 我可以获取重定向或帖子 但不能同时获取两者 这是我现在所拥有的
  • 模块构建失败(来自 ./node_modules/babel-loader/lib/index.js)Vue Js

    我从 GitHub 下载了一个我和我的朋友正在开发的项目 但是当我尝试运行时 npm run serve 我收到这个错误 src main js 中的错误 Module build failed from node modules babe
  • 为什么我不能在 AngularJS 中使用 data-* 作为指令的属性名称?

    On the t他的笨蛋 http plnkr co edit l3KoY3 p preview您可以注意到属性名称模式的奇怪行为data 在指令中 电话 Test of data named attribute br
  • Javascript 纪元时间(以天为单位)

    我需要以天为单位的纪元时间 迄今为止 我已经看到过有关如何翻译它的帖子 但几天后就没有了 我对纪元时间很不好 我怎么能得到这个 我需要以天为单位的纪元时间 我将解释为您想要自纪元以来的天数 纪元本身是第 0 天 或第 1 天的开始 无论您如
  • 为什么 jquery 没有检测到单选按钮未被选中的情况? [复制]

    这个问题在这里已经有答案了 可能的重复 JQuery radioButton change 在取消选择期间不会触发 https stackoverflow com questions 5176803 jquery radiobutton c
  • 如何在 pg-promise 中设置模式

    我正在搜索的文档pg 承诺 https github com vitaly t pg promise特别是在创建客户端时 但我无法找到设置连接中使用的默认架构的选项 它始终使用public架构 我该如何设置 通常 为数据库或角色设置默认架构

随机推荐

  • react18.0.0+ts路由配置

    1 下载依赖 npm i react router dom 5 2 0 react router config types react router config types react router dom S 2 在src目录下创建vi
  • 新闻稿的制作流程:从确定新闻稿目的到将其分发给媒体

    对于任何希望向媒体和公众传达具有新闻价值的信息的组织来说 新闻稿都是必不可少的工具 精心制作的新闻稿可以帮助您宣传您的业务 产品或服务 并可以产生有价值的媒体报道 在本文中 我们将指导您完成新闻稿的制作过程 从确定新闻稿的目的到将其分发给媒
  • matlab 中生成随机数的几种方法

    0 1 均匀分布 X rand sz1 szN 返回由随机数组成的 sz1 szN 数组 其中 sz1 szN 指示每个维度的大小 例如 rand 3 4 返回一个 3 4 的矩阵 a b 均匀分布 X unifrnd a b m n 返回
  • VPN的原理

    VPN Virtual Private Network 指代虚拟私有网络 利用隧道协议 Tunneling Protocol 来达到发送端认证 消息保密与准确性等功能 以 CS 架构运行 可以简单理解 VPN 的实现流程为 由 VPN cl
  • C++ Namespace命名空间和static的用法总结

    Namespaces are used to prevent name conflicts Ways to Use Namespace Identifiers use a qualified name consisting of the n
  • python爬虫——爬取网页中的图片(正则表达式)

    爬取网站 站长之家 网址 辞旧迎新 字体超市携各品牌字体一起来送虎年祝福啦 import requests import re import os if name main 创建一个文件夹 用于保存所有的图片 if not os path
  • 【java连接数据库】idea、MySQL5.7和SQLyog工具

    要求 java连接MySQL数据库 可替换成其他数据库 版本也不一定要和这里完全相同 我只是把我用到的贴上来 不管用什么版本和软件 连接成功即可 所用到的软件和工具如下 1 idea2021 1 2版本 2 mysql5 7 msi版本 安
  • matlab 取数组第一行,matlab中如取数组的矩阵的一行出来成为一个向量?

    答 A 2 意思是取第2行 所有列 答 1 可以通过zeros函数进行赋值 输入a zeros 2 3 生成了一个全0矩阵 如下图所示 2 可以直接使用a 1 3 5方式进行矩阵赋值 a矩阵第1行第3列赋值成5了 如下图所示 3 使用 a
  • 利用Google Colab免费使用GPU服务器详细攻略

    目录 前言 一 Colab限额 提供的GPU类型 二 Colab的使用步骤 如何使用免费GPU资源 1 添加Colaboratory 2 新建Colab 连接GPU 挂载Google Driver 3 项目上传文件并运行 三 快速下载 上传
  • Linux进程编程常用函数详解——vfork()和exec()函数

    vfork 函数原型
  • 如何调试R程序(转载)

    R语言的调试重要性不言而喻 这段时间准备改进一个R的包 但由于接触R时间不长 中间的很多东西不懂 需要重新打包调试 以对里面的很多程序有深入了解 下面从几个方面分享一下我的收获 1 准备工作 a R软件的下载http cran r proj
  • 看完这篇Vue-element-admin,跟面试官聊骚没问题

    Vue element admin vue element admin 是一个后台前端解决方案 它基于 vue 和 element ui实现 它使用了最新的前端技术栈 内置了 i18 国际化解决方案 动态路由 权限验证 提炼了典型的业务模型
  • leetcode算法题--回文数

    原文链接 https leetcode cn com problems palindrome number bool isPalindrome int x if x lt 0 x 10 0 x 0 如何x为负 或者如果x的最后一个数为0 那
  • Go-获取今天、昨天、前天以及指定时间范围的格式化日期的开始和结束的时间戳

    func GetHourTime timeType start end string startTime endTime int64 switch timeType case 1 今天 dateNow time Now startTime
  • Python文件路径操作汇总,获取文件夹下的所有文件路径

    在Python编程过程中 我们常常有这样的需求 需要获取某一个文件目录下的所有文件 或获取文件目录下的所有指定后缀名的文件 亦或要求获取该文件所在的文件夹 还有可能需要替换文件名 删除文件夹 针对这些问题 本文系统总结了这些方法 以供大家参
  • 如何在React中写出有趣的数字滚动动画

    前段时间公司项目需要迭代更新 在这个更新的过程中就添加了一个大数据的数字滚动效果 这让我发现了一个既有趣上手又快的React插件 下面我们看看效果如何 官网的demo https inorganik github io countUp js
  • java中类名一定要和java文件名一致吗?

    结论 首先java中类名不一定要和java文件名一致 是否一致需要分情况 其次java中可以有多个类 但是最多只有一个类的类名和文件名相同 如果一个类被public修饰 那该类的类名必须和文件名相同 并且一个java文件中最多只有一个类被p
  • 学习matlab(十八)——小波分析

    小波分析克服了短时傅里叶变换在单分辨率上的缺陷 具有多分辨率分析的特点 下面对小波分析的基本理论进行介绍 包括连续小波变换 离散小波变换 多分辨分析和小波包分析 最后介绍在小波分析中常用的小波 小波变换采用随频率的时间 频率窗口 是进行信号
  • VC++ 设定Windows程序自启动(非管理员权限)

    Windows程序自启动方式有很多种 任务计划 注册表 启动项等等 创建任务计划和启动项 都需要程序具有管理员权限才能写入 在此略过 只介绍启动项方式 要实现启动项方式 必须要知道当前用户下启动项方式的目录 我们才好将程序或程序的快捷方式存
  • react 首页加载loading

    首页加载loading 放在 root里面 代码如下