blackteay/nova-admin
1
0
Fork 0
mirror of https://github.com/chansee97/nova-admin.git synced 2025-04-05 19:41:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(styles): 修复首屏加载动画滚动问题，添加加载字样

Browse Source
This commit is contained in:
chen.home 2022-09-26 21:25:28 +08:00
parent 393a267da8
commit b4d55c5e4c
2 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
index.html
View File

@ -17,6 +17,7 @@
<div></div> <div></div>
<div></div> <div></div>
</div> </div>
<span class="loading-title"><%= title %>加载中</span>
</div> </div>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>

8
public/resource/loading.css
View File

@ -4,6 +4,11 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column;
gap: 10vh;
position: fixed;
background-color: aliceblue;
z-index: 1;
} }
.app-loading { .app-loading {
width: 88px; width: 88px;
@ -11,6 +16,9 @@
animation: app-loading-y0fdc1 2s infinite ease; animation: app-loading-y0fdc1 2s infinite ease;
transform-style: preserve-3d; transform-style: preserve-3d;
} }
.loading-title{
font-size: 2em;
}
.app-loading > div { .app-loading > div {
background-color: rgba(0, 77, 255, 0.2); background-color: rgba(0, 77, 255, 0.2);