| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 |
- <!DOCTYPE html>
- <html lang="zh-cn">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport"
- content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,viewport-fit=cover">
- <link rel="icon" href="<%= BASE_URL %>favicon.ico">
- <title>
- <%= htmlWebpackPlugin.options.title %>
- </title>
- <style>
- @keyframes app-load {
- 0% {
- opacity: 1;
- }
- 100% {
- opacity: 0;
- }
- }
- .app-load {
- display: flex;
- justify-content: center;
- align-items: center;
- gap: 5px;
- height: 100vh;
- }
- .app-load span {
- display: inline-block;
- width: 8px;
- height: 8px;
- border-radius: 50%;
- background: #ccc;
- opacity: 0;
- animation: app-load 600ms ease infinite;
- }
- .app-load span:nth-child(1) {
- animation-delay: 100ms;
- }
- .app-load span:nth-child(2) {
- animation-delay: 200ms;
- }
- .app-load span:nth-child(3) {
- animation-delay: 300ms;
- }
- </style>
- </head>
- <body>
- <noscript>
- <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
- Please enable it to continue.</strong>
- </noscript>
- <div id="app" class="app">
- <div class="app-load">
- <span></span>
- <span></span>
- <span></span>
- </div>
- </div>
- <!-- built files will be auto injected -->
- </body>
- </html>
|