Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-04-02 06:45:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

🔧 调整属性排序&格式化

Browse Source
This commit is contained in:
BTMuli
2025-06-01 19:37:52 +08:00
parent 70a716842f
commit 25bb259d7a
15 changed files with 84 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/components/func/loading.vue
View File

@@ -73,6 +73,33 @@ async function displayBox(params: LoadingParams): Promise<void> {
defineExpose({ displayBox });
</script>
<style lang="css" scoped>
@keyframes ball-clip-rotate-pulse-rotate {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
50% {
transform: translate(-50%, -50%) rotate(180deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes ball-clip-rotate-pulse-scale {
0%,
100% {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
30% {
opacity: 0.3;
transform: translate(-50%, -50%) scale(0.15);
}
}
.func-loading-outer-enter-active,
.func-loading-outer-leave-active,
.func-loading-inner-enter-active {
@@ -229,31 +256,4 @@ defineExpose({ displayBox });
height: 16px;
animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}
@keyframes ball-clip-rotate-pulse-rotate {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
50% {
transform: translate(-50%, -50%) rotate(180deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes ball-clip-rotate-pulse-scale {
0%,
100% {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
30% {
opacity: 0.3;
transform: translate(-50%, -50%) scale(0.15);
}
}
</style>