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:
137
style.css
137
style.css
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user