优化项目配置和页面结构

- 更新settings.local.json,移除冗余的权限设置,添加新的Playwright相关权限。
- 删除exhibition_demo_project_2025.md文档,清理不再使用的文件。
- 更新多个HTML页面,统一viewport设置,添加页面加载动画、错误处理和性能优化脚本。
- 统一使用Tailwind CSS的引入方式,提升页面加载性能。
- 增强导航组件,支持移动端菜单和返回顶部功能,改善用户体验。
This commit is contained in:
Yep_Q
2025-09-10 02:35:16 +08:00
parent 6d3825c4ab
commit 3825deb3e0
21 changed files with 4735 additions and 1462 deletions

View File

@@ -2,7 +2,7 @@
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes, viewport-fit=cover">
<title>2024长三角国际新能源汽车与智能交通产业博览会</title>
<!-- 预加载关键资源 -->
@@ -14,11 +14,23 @@
<link rel="stylesheet" href="css/animations.css">
<!-- Tailwind CSS -->
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<!-- 字体 -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;700;900&family=Orbitron:wght@400;700;900&display=swap" rel="stylesheet">
<!-- 错误处理(需要最早加载) -->
<script src="js/error-handler.js"></script>
<!-- 页面加载动画(需要尽早加载) -->
<script src="js/page-loader.js"></script>
<!-- 移动端优化 -->
<script src="js/mobile-optimize.js"></script>
<!-- 性能优化 -->
<script src="js/performance-optimizer.js"></script>
<!-- Font Awesome 图标 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
@@ -103,18 +115,7 @@
</style>
</head>
<body class="bg-gray-50 loading">
<!-- 页面加载器 -->
<div class="page-loader" id="pageLoader">
<div class="loader-content">
<div class="loader-logo">
<i class="fas fa-car text-4xl text-emerald-500"></i>
</div>
<div class="loader-text">加载中...</div>
<div class="loader-progress">
<div class="loader-progress-bar"></div>
</div>
</div>
</div>
<!-- 页面加载器将由page-loader.js动态创建 -->
<!-- Navigation -->
<nav class="fixed top-0 w-full glass-morphism shadow-md z-50 transition-all duration-300" id="navbar">
@@ -560,6 +561,7 @@
</footer>
<script src="js/nav-component.js"></script>
<script src="js/back-to-top.js"></script>
<script src="js/main.js"></script>
</body>
</html>