| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <link rel="icon" href="/favicon.ico">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
- <meta name="renderer" content="webkit">
- <meta name="force-rendering" content="webkit" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="description" content="ppt编辑器" />
- <meta name="keywords" content="ppt,powerpoint,office powerpoint,在线ppt,幻灯片,演示文稿,ppt在线制作,Vue3,TypeScript" />
- <title>%VITE_APP_TITLE%</title>
- <style>
- .first-screen-loading {
- width: 200px;
- height: 200px;
- position: fixed;
- top: 50%;
- left: 50%;
- margin-top: -100px;
- margin-left: -100px;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- }
- .first-screen-loading-spinner {
- width: 36px;
- height: 36px;
- border: 3px solid #d14424;
- border-top-color: transparent;
- border-radius: 50%;
- animation: spinner .8s linear infinite;
- }
- .first-screen-loading-text {
- margin-top: 20px;
- color: #d14424;
- }
- @keyframes spinner {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
- </style>
- </head>
- <body>
- <div id="app">
- <div class="first-screen-loading">
- <div class="first-screen-loading-spinner"></div>
- <div class="first-screen-loading-text">正在加载中，请稍等 ...</div>
- </div>
- </div>
- <script type="module" src="/src/main.ts"></script>
- </body>
- <script>
- document.oncontextmenu = e => e.preventDefault()
- </script>
- </html>
|
