nanhaoluo/argon-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 统一移动端和桌面端动画系统

Browse Source 
- 整合 CSS 动画变量系统，添加 --animation-instant (100ms) 时长
- 添加 --ease-smooth 缓动函数用于平滑过渡
- 优化卡片入场动画，使用 scale(0.95) + translateY(8px) 更自然
- 统一链接、按钮、标签等元素的过渡动画时长和缓动函数
- 优化顶栏搜索框展开/收起动画
- 优化侧边栏搜索框和菜单项的交互动画
- 优化文章卡片悬浮效果，使用 spring 缓动
- 统一 JS 中的滚动动画时长 (回顶 600ms, 评论回复 400ms)
- 优化折叠区块展开/收起动画时长
- 更新分页按钮、日历导航等组件的过渡动画
This commit is contained in:
nanhaoluo
2026-01-12 00:15:20 +08:00
parent 3e68218ac1
commit 4cbc405ebf
3 changed files with 135 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
argontheme.js
View File

@@ -698,7 +698,7 @@ if (argonConfig.waterflow_columns != "1") {
$backToTopBtn.on("click" , function(){
$("body,html").stop().animate({
scrollTop: 0
}, 800, 'easeOutExpo');
}, 600, 'easeOutExpo');
});
$toggleDarkmode.on("click" , function(){
@@ -923,16 +923,16 @@ if (argonConfig.waterflow_columns != "1") {
}
$("body,html").animate({
scrollTop: $('#post_comment').offset().top - 100
}, 500, 'easeOutCirc');
$('#post_comment_reply_info').slideDown(500, 'easeOutCirc');
}, 400, 'easeOutCirc');
$('#post_comment_reply_info').slideDown(350, 'easeOutCirc');
setTimeout(function(){
$("#post_comment_content").focus();
}, 500);
}, 350);
}
function cancelReply(){
replying = false;
replyID = 0;
$('#post_comment_reply_info').slideUp(300, 'easeOutCirc');
$('#post_comment_reply_info').slideUp(250, 'easeOutCirc');
$("#post_comment").removeClass("post-comment-force-privatemode-on post-comment-force-privatemode-off");
}
$(document).on("click" , ".comment-reply" , function(){
@@ -968,7 +968,7 @@ if (argonConfig.waterflow_columns != "1") {
}
$("body,html").animate({
scrollTop: $('#post_comment').offset().top - 100
}, 500, 'easeOutCirc');
}, 400, 'easeOutCirc');
$("#post_comment_content").focus();
}
function cancelEdit(clear){
@@ -1083,9 +1083,9 @@ if (argonConfig.waterflow_columns != "1") {
$(document).on("click" , "#post_comment_toggle_extra_input" , function(){
$("#post_comment").toggleClass("show-extra-input");
if ($("#post_comment").hasClass("show-extra-input")){
$("#post_comment_extra_input").slideDown(300, 'easeOutCirc');
$("#post_comment_extra_input").slideDown(250, 'easeOutCirc');
}else{
$("#post_comment_extra_input").slideUp(300, 'easeOutCirc');
$("#post_comment_extra_input").slideUp(200, 'easeOutCirc');
}
});
@@ -2776,7 +2776,7 @@ $(document).on("click" , ".collapse-block .collapse-block-title" , function(){
$(block).toggleClass("collapsed");
let inner = $(".collapse-block-body", block);
if (block.hasClass("collapsed")){
inner.stop(true, false).slideUp(300, 'easeOutCirc');
inner.stop(true, false).slideUp(250, 'easeOutCirc');
}else{
inner.stop(true, false).slideDown(300, 'easeOutCirc');
}