优化项目配置和页面结构
- 更新settings.local.json,移除冗余的权限设置,添加新的Playwright相关权限。 - 删除exhibition_demo_project_2025.md文档,清理不再使用的文件。 - 更新多个HTML页面,统一viewport设置,添加页面加载动画、错误处理和性能优化脚本。 - 统一使用Tailwind CSS的引入方式,提升页面加载性能。 - 增强导航组件,支持移动端菜单和返回顶部功能,改善用户体验。
This commit is contained in:
@@ -18,18 +18,22 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
handleImageErrors();
|
||||
});
|
||||
|
||||
// 隐藏页面加载器
|
||||
// 隐藏页面加载器(兼容新的加载器)
|
||||
function hidePageLoader() {
|
||||
const loader = document.getElementById('pageLoader');
|
||||
const loader = document.getElementById('pageLoader') || document.getElementById('page-loader');
|
||||
if (loader) {
|
||||
// 添加淡出动画
|
||||
// 如果是新的加载器,使用其自带的隐藏方法
|
||||
if (loader.id === 'page-loader' && window.PageLoader) {
|
||||
window.PageLoader.hideLoader();
|
||||
return;
|
||||
}
|
||||
|
||||
// 旧的加载器逻辑
|
||||
loader.style.opacity = '0';
|
||||
loader.style.transition = 'opacity 0.5s ease-out';
|
||||
|
||||
// 500ms后完全移除
|
||||
setTimeout(() => {
|
||||
loader.style.display = 'none';
|
||||
// 恢复body滚动
|
||||
document.body.style.overflow = 'auto';
|
||||
document.body.classList.remove('loading');
|
||||
}, 500);
|
||||
|
||||
Reference in New Issue
Block a user