| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- <!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">
- <link rel="apple-touch-icon-precomposed" href="<%= BASE_URL %>apple-touch-icon-precomposed.png">
- <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>
|