xiongzhu
/
chat-front


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
							<!DOCTYPE html>
<html lang="zh-cmn-Hans">
    <head>
        <meta charset="UTF-8" />
        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
        <meta content="yes" name="apple-mobile-web-app-capable" />
        <link rel="apple-touch-icon" href="/favicon.ico" />
        <meta
            name="viewport"
            content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
        />
        <title>走马AI助手</title>
        <script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/nch5/index.js?t=2015052012"></script>
        <script type="text/javascript" charset="utf-8" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    </head>

    <body class="dark:bg-black">
        <div id="app">
            <style>
                .loading-wrap {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 100vh;
                }

                .balls {
                    width: 4em;
                    display: flex;
                    flex-flow: row nowrap;
                    align-items: center;
                    justify-content: space-between;
                }

                .balls div {
                    width: 0.8em;
                    height: 0.8em;
                    border-radius: 50%;
                    background-color: #4b9e5f;
                }

                .balls div:nth-of-type(1) {
                    transform: translateX(-100%);
                    animation: left-swing 0.5s ease-in alternate infinite;
                }

                .balls div:nth-of-type(3) {
                    transform: translateX(-95%);
                    animation: right-swing 0.5s ease-out alternate infinite;
                }

                @keyframes left-swing {
                    50%,
                    100% {
                        transform: translateX(95%);
                    }
                }

                @keyframes right-swing {
                    50% {
                        transform: translateX(-95%);
                    }

                    100% {
                        transform: translateX(100%);
                    }
                }

                @media (prefers-color-scheme: dark) {
                    body {
                        background: #121212;
                    }
                }
            </style>
            <div class="loading-wrap">
                <div class="balls">
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
            </div>
        </div>
        <script type="module" src="/src/main.ts"></script>
    </body>
</html>