feat: 移除所有文章加载动画相关代码

- 移除pjax:afterGetContainers中的加载动画逻辑
- 移除pjax:beforeReplace中的动画清理代码
- 删除CSS中的loading-css-animation样式
- 删除CSS中的loading-dot动画样式
- 删除CSS中的post-pjax-loading相关样式
- 删除CSS中的post-list-pjax-loading相关样式
- 删除loading-animation关键帧动画
This commit is contained in:
2026-01-23 15:45:57 +08:00
parent 5ee608537e
commit f2c807edf0
2 changed files with 0 additions and 209 deletions

137
style.css
View File

@@ -3862,33 +3862,6 @@ html.filter-grayscale {
}
.post-preview .loading-css-animation {
padding-top: 20px;
padding-bottom: 10px;
width: 100%;
}
.post-preview.post-pjax-loading {
opacity: 1;
z-index: 10;
position: relative;
}
#main.post-list-pjax-loading .post-preview {
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
#main.post-list-pjax-loading .post-preview.post-pjax-loading {
opacity: 1;
pointer-events: auto;
}
.post-title {
font-size: 26px;
@@ -4232,14 +4205,6 @@ article.post-preview-layout-2 .post-meta {
justify-content: flex-start;
}
article.post-preview-layout-2 .loading-css-animation {
position: absolute;
bottom: -8px;
}
/* 文章预览样式 3 */
article.post-preview-layout-3 .post-header {
@@ -8938,12 +8903,6 @@ html[lang] {
}
.post-list-pjax-loading .shuoshuo-preview-container {
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.shuoshuo-content.shuoshuo-folded {
position: relative;
@@ -9146,102 +9105,6 @@ html[lang] {
}
/*Loading Dot*/
.loading-css-animation {
text-align: center;
}
.loading-dot {
display: inline-block;
background: var(--themecolor);
height: 6px;
width: 6px;
opacity: 0;
border-radius: 50%;
transform: translateX(-300px);
animation: loading-animation 4s infinite ease;
}
.loading-dot-1 {
animation-delay: 0.8s;
}
.loading-dot-2 {
animation-delay: 0.7s;
}
.loading-dot-3 {
animation-delay: 0.6s;
}
.loading-dot-4 {
animation-delay: 0.5s;
}
.loading-dot-5 {
animation-delay: 0.4s;
}
.loading-dot-6 {
animation-delay: 0.3s;
}
.loading-dot-7 {
animation-delay: 0.2s;
}
.loading-dot-8 {
animation-delay: 0.1s;
}
@keyframes loading-animation {
40% {
transform: translateX(0);
opacity: 0.8;
}
100% {
transform: translateX(300px);
opacity: 0;
}
}
/*Loading Spinner*/
@keyframes spin {