fix(projects): 修复vertical-mix布局、重构初始化的loading

This commit is contained in:
Soybean
2022-01-18 01:17:09 +08:00
parent b2a4ddf5e3
commit 579e07400e
32 changed files with 563 additions and 737 deletions

View File

@ -7,20 +7,23 @@
<title><%= appName %></title>
</head>
<body>
<div id="appProvider" style="display: none"></div>
<div id="app">
<div class="fixed-center flex-col">
<div id="loadingLogo" class="w-128px h-128px text-primary"></div>
<div class="w-56px h-56px my-36px">
<div class="relative h-full animate-spin">
<div class="absolute-lt init-loading-spin"></div>
<div class="absolute-lb init-loading-spin animate-delay-500"></div>
<div class="absolute-rt init-loading-spin animate-delay-1000"></div>
<div class="absolute-rb init-loading-spin animate-delay-1500"></div>
<div class="loading-container">
<div id="loadingLogo" class="loading-svg"></div>
<div class="loading-spin__container">
<div class="loading-spin">
<div class="left-0 top-0 loading-spin-item"></div>
<div class="left-0 bottom-0 loading-spin-item loading-delay-500"></div>
<div class="right-0 top-0 loading-spin-item loading-delay-1000"></div>
<div class="right-0 bottom-0 loading-spin-item loading-delay-1500"></div>
</div>
</div>
<h2 class="text-28px font-medium text-[#646464]"><%= appTitle %></h2>
<h2 class="loading-title"><%= appTitle %></h2>
</div>
<style>
@import '/resource/loading.css';
</style>
<script src="/resource/loading.js"></script>
</div>
<script type="module" src="/src/main.ts"></script>
</body>