tt/ttstd-infinite-canvas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf(*): 创作工作台 - 优化首页按需加载与画布交互并修复历史迁移冲突

Browse Source
This commit is contained in:
ddCat
2026-09-05 13:24:10 +08:00
parent 165b4443ab
commit 58f01d1eb6
107 changed files with 3025 additions and 1089 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
web/index.html
View File

@@ -14,25 +14,36 @@
#root:empty {
min-height: 100vh;
}
#root:empty::before {
content: "";
position: fixed;
left: 50%;
top: 50%;
width: 42px;
height: 42px;
margin: -21px 0 0 -21px;
background: rgba(255, 255, 255, 0.84);
mask: url('/logo.svg') center / contain no-repeat;
-webkit-mask: url('/logo.svg') center / contain no-repeat;
animation: appearance-bootstrap-logo 1.8s ease-in-out infinite;
}
#root:empty::after {
content: "";
position: fixed;
left: 50%;
top: 50%;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
border: 2px solid rgba(255, 255, 255, 0.16);
border-top-color: rgba(255, 255, 255, 0.72);
width: 82px;
height: 82px;
margin: -42px 0 0 -42px;
border: 1px solid rgba(255, 255, 255, 0.14);
border-right-color: transparent;
border-radius: 999px;
animation: appearance-bootstrap-spin 0.8s linear infinite;
}
@keyframes appearance-bootstrap-spin {
to {
transform: rotate(360deg);
}
animation: appearance-bootstrap-orbit 2.8s linear infinite;
}
@keyframes appearance-bootstrap-logo { 0%, 100% { opacity: .62; transform: scale(.94); } 50% { opacity: 1; transform: scale(1.04); } }
@keyframes appearance-bootstrap-orbit { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
#root:empty::before,
#root:empty::after {
animation: none;
}