12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- <!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>
- </head>
- <body>
- <div id="app">
- <style>
- .firstLoading {
- position: fixed;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- width: 100%;
- height: 100%;
- min-width: 100vw;
- min-height: 100vh;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- z-index: 10000;
- }
- .firstLoading .loadingBox {
- width: 36px;
- height: 36px;
- display: flex;
- justify-content: space-between;
- flex-wrap: wrap;
- align-content: space-between;
- margin-bottom: 28px;
- animation: rotate 1.5s linear infinite;
- }
- .firstLoading .loadingBox .loadingItem {
- width: 16px;
- height: 16px;
- border-radius: 50%;
- background: #569cfe;
- opacity: 0.5;
- }
- .firstLoading .loadingBox .loadingItem:nth-child(2) {
- opacity: 1;
- }
- .firstLoading .loadingTip {
- font-size: 20px;
- color: #569cfe;
- }
- @keyframes rotate {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
- }
- </style>
- <div class="firstLoading">
- <div class="loadingBox">
- <div class="loadingItem"></div>
- <div class="loadingItem"></div>
- <div class="loadingItem"></div>
- <div class="loadingItem"></div>
- </div>
- <div class="loadingTip">正在加载中…</div>
- </div>
- </div>
- <script type="module" src="/src/main.ts"></script>
- </body>
- <script>
- document.oncontextmenu = e => e.preventDefault()
- </script>
- </html>
|