<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="format-detection" content="telphone=no, email=no" /> <meta name="format-detection" content="telphone=no, email=no" /> <title>联美智慧能源科技(沈阳)有限公司</title> <link rel="icon" href="" type="image/x-icon" /> <meta name="apple-mobile-web-app-title" content="联美智慧能源科技(沈阳)有限公司" /> <meta name="keywords" content="联美智慧,联美智科,智慧能源,管理系统" /> <meta name="description" content="联美智慧能源科技(沈阳)有限公司" /> <meta name="author" content="Daniel" /> <meta name="copyright" content="联美智慧" /> <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <script type="module" src="/src/main.ts"></script> <style> :root { --sk-size: 40px; --sk-color: #409eff; } .loading-home { width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; z-index: 999999; } .loading-grid { width: var(--sk-size); height: var(--sk-size); } .loading-cube { width: 33.33%; height: 33.33%; background-color: var(--sk-color); float: left; animation: loading-grid 1.3s infinite ease-in-out; } .loading-cube:nth-child(1) { animation-delay: 0.2s; } .loading-cube:nth-child(2) { animation-delay: 0.3s; } .loading-cube:nth-child(3) { animation-delay: 0.4s; } .loading-cube:nth-child(4) { animation-delay: 0.1s; } .loading-cube:nth-child(5) { animation-delay: 0.2s; } .loading-cube:nth-child(6) { animation-delay: 0.3s; } .loading-cube:nth-child(7) { animation-delay: 0s; } .loading-cube:nth-child(8) { animation-delay: 0.1s; } .loading-cube:nth-child(9) { animation-delay: 0.2s; } @keyframes loading-grid { 0%, 70%, 100% { transform: scale3D(1, 1, 1); } 35% { transform: scale3D(0, 0, 1); } } </style> </head> <body> <div id="app"> <div class="loading-home"> <div class="loading-grid"> <div class="loading-cube"></div> <div class="loading-cube"></div> <div class="loading-cube"></div> <div class="loading-cube"></div> <div class="loading-cube"></div> <div class="loading-cube"></div> <div class="loading-cube"></div> <div class="loading-cube"></div> <div class="loading-cube"></div> </div> </div> </div> </body> </html>