master

分支 (1)

管理

管理

master

vue3-ts
/
public
/
index.html

<!DOCTYPE html>
<html lang="en">
<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">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        .loading {
            color: #FFFFFF;
            background: linear-gradient(135deg, #FF6600 0%, #FF993C 98%);
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100vw;
            height: 100vh;
            font-size: 32px;
            font-family: Avenir, Helvetica, Arial, sans-serif;
            letter-spacing: 10px;
            text-transform: uppercase;
        }
        .loading span {
            animation: shrink 2s infinite;
        }
        @keyframes shrink {
            50% {
                transform: scale(0);
            }
        }
    </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">
    <div class="loading">
        <span style="animation-delay: 0s">l</span>
        <span style="animation-delay: 0.1s">o</span>
        <span style="animation-delay: 0.2s">a</span>
        <span style="animation-delay: 0.3s">d</span>
        <span style="animation-delay: 0.4s">i</span>
        <span style="animation-delay: 0.5s">n</span>
        <span style="animation-delay: 0.6s">g</span>
    </div>
</div>
</body>
</html>