antPro 去掉加载时的LOGO和文字

最新推荐文章于 2024-05-20 13:53:43 发布
最新推荐文章于 2024-05-20 13:53:43 发布
阅读量4.1k 收藏 1
点赞数 1
分类专栏： React AntPro 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35622189/article/details/121784493
版权

在目录中找到document.ejs文件，然后注释掉或者直接删掉。

<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="UTF-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <meta

      name="keywords"

      content="antd,umi,umijs,ant design,Scaffolding, layout, Ant Design, project, Pro, admin, console, homepage, out-of-the-box, middle and back office, solution, component library"

    />

    <meta

      name="description"

      content="

    An out-of-box UI solution for enterprise applications as a React boilerplate."

    />

    <meta

      name="description"

      content="

      Out-of-the-box mid-stage front-end/design solution."

    />

    <meta

      name="viewport"

      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"

    />

    <title>Ant Design Pro</title>

    <link rel="icon" href="<%= context.config.publicPath +'favicon.ico'%>" type="image/x-icon" />

  </head>

  <body>

    <noscript>

      <div class="noscript-container">

        Hi there! Please

        <div class="noscript-enableJS">

          <a href="https://www.enablejavascript.io/en" target="_blank" rel="noopener noreferrer">

            <b>enable Javascript</b>

          </a>

        </div>

        in your browser to use Ant Design, Out-of-the-box mid-stage front/design solution!

      </div>

    </noscript>

    <div id="root">

      <style>

        html,

        body,

        #root {

          height: 100%;

          margin: 0;

          padding: 0;

        }

        #root {

          background-repeat: no-repeat;

          background-size: 100% auto;

        }

        .noscript-container {

          display: flex;

          align-content: center;

          justify-content: center;

          margin-top: 90px;

          font-size: 20px;

          font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode',

            Geneva, Verdana, sans-serif;

        }

        .noscript-enableJS {

          padding-right: 3px;

          padding-left: 3px;

        }

        .page-loading-warp {

          display: flex;

          align-items: center;

          justify-content: center;

          padding: 98px;

        }

        .ant-spin {

          position: absolute;

          display: none;

          -webkit-box-sizing: border-box;

          box-sizing: border-box;

          margin: 0;

          padding: 0;

          color: rgba(0, 0, 0, 0.65);

          color: #1890ff;

          font-size: 14px;

          font-variant: tabular-nums;

          line-height: 1.5;

          text-align: center;

          list-style: none;

          opacity: 0;

          -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);

          transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);

          transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);

          transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),

            -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);

          -webkit-font-feature-settings: 'tnum';

          font-feature-settings: 'tnum';

        }

        .ant-spin-spinning {

          position: static;

          display: inline-block;

          opacity: 1;

        }

        .ant-spin-dot {

          position: relative;

          display: inline-block;

          width: 20px;

          height: 20px;

          font-size: 20px;

        }

        .ant-spin-dot-item {

          position: absolute;

          display: block;

          width: 9px;

          height: 9px;

          background-color: #1890ff;

          border-radius: 100%;

          -webkit-transform: scale(0.75);

          -ms-transform: scale(0.75);

          transform: scale(0.75);

          -webkit-transform-origin: 50% 50%;

          -ms-transform-origin: 50% 50%;

          transform-origin: 50% 50%;

          opacity: 0.3;

          -webkit-animation: antspinmove 1s infinite linear alternate;

          animation: antSpinMove 1s infinite linear alternate;

        }

        .ant-spin-dot-item:nth-child(1) {

          top: 0;

          left: 0;

        }

        .ant-spin-dot-item:nth-child(2) {

          top: 0;

          right: 0;

          -webkit-animation-delay: 0.4s;

          animation-delay: 0.4s;

        }

        .ant-spin-dot-item:nth-child(3) {

          right: 0;

          bottom: 0;

          -webkit-animation-delay: 0.8s;

          animation-delay: 0.8s;

        }

        .ant-spin-dot-item:nth-child(4) {

          bottom: 0;

          left: 0;

          -webkit-animation-delay: 1.2s;

          animation-delay: 1.2s;

        }

        .ant-spin-dot-spin {

          -webkit-transform: rotate(45deg);

          -ms-transform: rotate(45deg);

          transform: rotate(45deg);

          -webkit-animation: antrotate 1.2s infinite linear;

          animation: antRotate 1.2s infinite linear;

        }

        .ant-spin-lg .ant-spin-dot {

          width: 32px;

          height: 32px;

          font-size: 32px;

        }

        .ant-spin-lg .ant-spin-dot i {

          width: 14px;

          height: 14px;

        }

        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

          .ant-spin-blur {

            background: #fff;

            opacity: 0.5;

          }

        }

        @-webkit-keyframes antSpinMove {

          to {

            opacity: 1;

          }

        }

        @keyframes antSpinMove {

          to {

            opacity: 1;

          }

        }

        @-webkit-keyframes antRotate {

          to {

            -webkit-transform: rotate(405deg);

            transform: rotate(405deg);

          }

        }

        @keyframes antRotate {

          to {

            -webkit-transform: rotate(405deg);

            transform: rotate(405deg);

          }

        }

      </style>

      <div

        style="

          display: flex;

          flex-direction: column;

          align-items: center;

          justify-content: center;

          height: 100%;

          min-height: 420px;

        "

      >

        <!-- <img src="<%= context.config.publicPath +'pro_icon.svg'%>" alt="logo" width="256" />

        <div class="page-loading-warp">

          <div class="ant-spin ant-spin-lg ant-spin-spinning">

            <span class="ant-spin-dot ant-spin-dot-spin"

              ><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i

              ><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i

            ></span>

          </div>

        </div>

        <div style="display: flex; align-items: center; justify-content: center">

          <img

            src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"

            width="32"

            style="margin-right: 8px"

          />

          Ant Design

        </div> -->

      </div>

    </div>

  </body>

</html>

IT侠客行
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
nginx 代理发布前端程序
04-07
nginx 代理发布前端程序
手动搭建React项目脚手架(一)
qq_33715850的博客
03-05 2004
手动搭建React项目脚手架(一)
前端访问后台接口时，接口状态200，但是预览中是Hi there! Please enable Javascript in your browser to use Ant Design, Out-of
u010234868的专栏
05-20 185
前端访问后台接口时，接口状态200，但是预览中是：Hi there!修改proxy.js中的代理地址，使页面中访问的实际地址与后端接口提供的一致。接口代理访问地址不对。
How to enable JavaScript in your browser
BLOG域名:programb.blog.csdn.net
04-15 2079
New! Become a sponsor: write to helloenablejavascript@gmail.com When javascript is disabled in the browser, web pages may look strange, weird, and broken. Most websites on the internet require Javascr...
ant design pro动态菜单
03-30
在Ant Design Pro中实现动态菜单是一项常见的需求，尤其是在构建企业级后台管理系统时。Ant Design Pro是一个基于Ant Design和React的高级UI框架，它提供了一系列组件和解决方案，帮助开发者快速搭建和定制后台应用...
ant design pro中可控的筛选和排序实例
01-21
我就废话不多说了，大家还是直接看代码吧~ /** * Created by hao.cheng on 2017/4/15. */ import React from 'react'; import { Table, Button } from 'antd'; const data = [{ key: '1', ... name: '王五',
Ant Design Pro 前端初始化模板
最新发布
06-26
Ant Design Pro 是基于 Ant Design 和 umi 封装的一整套企业级中后台前端设计框架，致力于在设计规范和基本组件的基础上，继续向上构建，提炼出典型模板或配套设计资源，进一步提升企业级中后台产品设计研发过程中的...
pro-table:Ant像Pro一样使用Ant Design Table！
05-28
ant-design/pro-table 将会迁移至 ant-design/pro-components 仓库进行后续的维护，访问 了解更多。此变更不影响继续使用 @ant-design/pro-table 这个 npm 包名安装使用此组件。@ant-design/pro-table:trophy: Use ...
Ant Design Pro v5 修改Footer、标题和Logo
qq_43445362的博客
05-03 3741
1、修改Footer模板组件 路径：\src\components\Footer\index.jsx 需要修改links下的列表，以及defaultMessage import { useIntl } from 'umi'; import { GithubOutlined } from '@ant-design/icons'; import { DefaultFooter } from '@ant-design/pro-layout'; const Footer = () => { cons
React+Antd-可视化拖拽表单
12-03
基于react结合antd-form，实现可视化表单拖拽，左侧为自定义所有的组件，中间为工作区，拖拽左侧到工作区，目前可以进行删除等操作，可以自己再优化添加其他功能，右侧为组件名称，描述等，可以自己优化添加其他。本项目提供思路等
Blazor也可以用MarkDown！Vditor-Blazor基础使用教程以及部分源码解析！Ant-Designer-Blazor
这里是大千小熊的博客，一个温暖故事的开篇
12-15 1266
Ant-Designer-Blazor组件库是一款非常好用的Blazor的UI框架库，使用很少的精力就可以搭建出一个漂亮的UI界面了。但是Ant-Designer-Blazor中尚缺少对MarkDown组件的支持，所以只能下载Nuget包里面的一个Vditor（也是Ant-Designer的）一个库，来添加到项目中使用。它的源码并不复杂，使用也很简单，本质上是一个“对Vditor JavaScript的封装”，让我们开始吧。
如果禁用JavaScript，则显示其他内容
一名可爱的技术搬运工
05-28 585
出于安全方面的考虑，许多用户喜欢在Web浏览器中禁用JavaScript，这在许多依赖JavaScript才能正常运行的网站中提出了一个大问题。 一种简单的解决方案是，如果禁用了JavaScript，则使用HTML“ noscript ”标记显示不同的内容。 请参见以下完整的“ noscript ”示例： 如果禁用了JavaScript：显示警告消息并使用CSS隐藏全部内容。 如果...
Design Out Of The Box 破盒设计
weixin_30262255的博客
12-18 630
翻译自：web designer wall 你是否厌倦了自己典型的死板的盒式设计？这次来学习下如何打破盒式设计做一点有创造力的事情。在这片文章中我收集了一些精彩的破盒设计。我也提供了一些运用背景图片和CSS的position属性等便捷的CSS技巧示例来说明如何进行具有活力的破盒设计。 示例1：Huge Inc Huge站点引起我兴趣的地方是它的header设计。请注意如何设计元素破盒的。 ...
Out of the box 意思详解
hintcnuie
03-15 3873
1）“Out of box”用于描述某种不确定的事件。常常作为副词来形容某种观点的不确定性。据说这个词同20世纪早期的英国数学家亨利?恩斯特?杜德耐解答一个著名数学谜语的思路相关。题目要求用四条直线连接平面上三乘三分布的九个点，要求一笔连成，也就是在画线的时候笔不能离开纸面。解决这个数学问题的关键在于要克服传统的在三乘三边界内画点的思想，如果将线连接到边界之外，那么问题可以迎刃而解，这样就产生了“...
英文ppt结尾欢迎您的意见_不受欢迎的意见，您需要大型的前期设计
weixin_26706567的博客
10-09 2451
英文ppt结尾欢迎您的意见您需要大型的前期设计(You need a big upfront design) You’ve probably heard that creating extensive designs of your system upfront is a waste of time and effort. This idea is borne from the theory th...
10个UI设计失误（Top-10 Application-Design Mistakes）
weixin_34354945的博客
02-21 283
from：[url]http://www.useit.com/alertbox/application-mistakes.html[/url] Jakob Nielsen's Alertbox, February 19, 2008: Top-10 Application-Design Mistakes Summary: Application usability is ...
Sharepoint学习笔记—习题系列--70-576习题解析 -(Q21-Q24)
weixin_34397291的博客
09-26 82
Question 21 An application will be deployed in a SharePoint 2010 server farm that is managed by department-level site collection administrators.You need to design this application to meet all the foll...
antdesignpro 导航栏logo
06-10
Ant Design Pro 的导航栏 logo 可以通过在 `config/defaultSettings.js` 文件中的 `logo` 字段进行设置。例如： ```javascript export default { logo: '/logo.svg', }; ``` 这里的 `logo` 是图片路径，可以是...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IT侠客行

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值