feat: 优化会展网站首页用户体验和视觉效果

主要改进:
- 修复星形图标可见性问题,改为黄色高对比度显示
- 移除'立即参展'按钮,清理冗余CTA元素
- 修正背景图片路径并优化透明度(opacity-10)
- 为所有容器区域添加hover提示文字
- 删除'立即参与,共创绿色出行未来'整个CTA区块
- 优化页面加载器和图片错误处理
- 修复展会信息卡片文字对比度问题
- 增强多层背景遮罩效果

影响文件:
- web_frontend/web_result/index.html
- web_frontend/web_result/css/animations.css
- web_frontend/web_result/js/main.js
- 新增多个页面和样式文件

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Yep_Q
2025-09-08 14:05:26 +08:00
parent c0644d4bea
commit 2b1ed656cd
19 changed files with 8961 additions and 353 deletions

View File

@@ -141,13 +141,15 @@ const ResultModal: React.FC<ResultModalProps> = ({ isOpen, onClose, onViewDetail
{/* 操作按钮 */}
<div className="flex gap-3">
<button
onClick={onViewDetails}
<a
href="../../web_result/index.html"
target="_blank"
rel="noopener noreferrer"
className="flex-1 px-6 py-3 bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-xl font-medium hover:shadow-lg transform hover:scale-105 transition-all flex items-center justify-center gap-2"
>
<Eye className="w-5 h-5" />
</button>
</a>
<button
className="flex-1 px-6 py-3 bg-gray-100 text-gray-700 rounded-xl font-medium hover:bg-gray-200 transition-colors flex items-center justify-center gap-2"
>