freefire/jiang13-bbs
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 9 Wiki Activity

feat(settings): 站点界面动画总开关与子开关

Browse Source 
管理后台可关全站动画，并细调代码折叠、平滑滚动、装饰入场；统一 lib/motion，尊重系统减少动态效果。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
姜十三
2026-09-16 06:59:26 +08:00
parent c6df1b3b7e
commit 2b27703e6c
14 changed files with 511 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/app/globals.css
View File

@@ -1888,6 +1888,9 @@ a.j13-mention-token:hover {
transition: none !important;
}
}
html.j13-reduce-motion .prose-content .md-code-body {
transition: none !important;
}
.prose-content .md-code-fold {
display: flex;
width: 100%;
@@ -2164,6 +2167,23 @@ html.dark .prose-content pre[data-theme] span {
* { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}
/* 站点关闭界面动画总开关（与系统 reduce 等效） */
html.j13-reduce-motion * {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
/* 仅关闭装饰入场子开关 */
html.j13-reduce-chrome .j13-fade-up,
html.j13-reduce-chrome .j13-toast-in,
html.j13-reduce-chrome .j13-heart-pop,
html.j13-reduce-chrome .j13-pulse-dot,
html.j13-reduce-chrome .j13-tip-bubble,
html.j13-reduce-chrome .j13-tip-in {
animation: none !important;
transition: none !important;
}
/* 头像配色（浅/暗各自保证可读） */
.av-0 { background: rgba(52, 81, 200, 0.12); color: #3451c8; }
.av-1 { background: rgba(10, 99, 117, 0.12); color: #0a6375; }