feat: 添加现代化布局和动画优化

- 新增 modern-enhancements.css 样式文件
  - Material Design 3 动画系统变量
  - 桌面端卡片悬停效果增强(阴影、位移、缩放)
  - 移动端触摸反馈优化(涟漪效果、按压缩放)
  - 滚动入场动画(文章列表、侧边栏交错入场)
  - 页面过渡效果(PJAX 加载动画)
  - 浮动按钮弹性动画
  - 顶栏滚动效果优化
  - 评论区入场动画
  - 表单元素聚焦动画
  - 滚动条美化
  - 减少动画偏好支持

- 新增 modern-enhancements.js 脚本文件
  - 触摸涟漪效果(移动端)
  - 图片懒加载动画
  - 滚动入场动画(Intersection Observer)
  - 页面加载进度条
  - PJAX 加载动画增强
  - 主题切换过渡动画

- 修改 header.php
  - 引入新的 CSS 和 JS 文件
This commit is contained in:
2026-01-16 00:33:43 +08:00
parent 8885a85ce2
commit 9a19ccb864
3 changed files with 1227 additions and 0 deletions

View File

@@ -272,6 +272,9 @@
wp_enqueue_style("argon_css_merged", $GLOBALS['assets_path'] . "/assets/argon_css_merged.css", array(), $assets_version, 'all');
wp_enqueue_style("style", $GLOBALS['assets_path'] . "/style.css", array('argon_css_merged'), $assets_version, 'all');
// 现代化布局和动画增强
wp_enqueue_style("modern_enhancements", $GLOBALS['assets_path'] . "/modern-enhancements.css", array('style'), $assets_version, 'all');
// 集成外部资源备用机制
wp_enqueue_script("resource_loader", $GLOBALS['assets_path'] . "/assets/vendor/external/resource-loader.js", array(), $assets_version, false);
@@ -288,6 +291,9 @@
// 加载 argon_js_merged包含 jQuery 和其他库)- 在头部同步加载以确保后续脚本可用
wp_enqueue_script("argon_js_merged", $GLOBALS['assets_path'] . "/assets/argon_js_merged.js", array(), $assets_version, false);
// 现代化交互动画增强 - 在页面底部加载
wp_enqueue_script("modern_enhancements", $GLOBALS['assets_path'] . "/modern-enhancements.js", array('argon_js_merged'), $assets_version, true);
?>
<?php wp_head(); ?>