main

分支 (1)

标签 (9)

管理

管理

main

v1.1.0

v1.0.0

v0.9.0

v0.8.0

v0.6.0

v0.5.0

v0.4.0

v0.3.0

v0.2.0

focusany
/
index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <link rel="icon" type="image/svg+xml" href="/logo.svg"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>%name%</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css"/>
    <style>
        html,body{
            padding:0;margin:0;
            background: transparent !important;
        }
        #app-loading{
            width:100vw;
            height:100vh;
            display: flex;
            border-radius: 15px;
            background-image: linear-gradient(130deg, #a8c8f4, #61c4f5, #ba59ff);
            background-size: 300% 300%;
            animation: border-flow-loading 2s linear infinite;
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        }
        @keyframes border-flow-loading {
            0% {
                background-position: 0% 50%;
            }
            50% {
                background-position: 100% 50%;
            }
            100% {
                background-position: 0% 50%;
            }
        }
        #app-loading .container{
            margin:auto;
            text-align: center;
            height:100vh;
            overflow:hidden;
        }
    </style>
</head>
<body>
<div id="app">
    <div id="app-loading">
        <div class="container">
            <img src="/loading.svg" style="height:60px;width:60px;margin:0 auto;" />
        </div>
    </div>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>