feat: 优化会展策划网站UI和添加Duoduo Agent设计流程展示
主要更新: - 统一所有页面导航栏样式为glass-morphism风格 - 添加Duoduo Agent智能设计系统完整可视化流程 - 展示从CAD到展位概念的5个设计阶段 - 优化页面交互效果和用户体验 详细修改: - web_frontend/web_result/pages/: 统一6个页面导航栏样式 - operation.html: 新增Duoduo Agent设计流程展示模块 - 添加5张设计阶段图片展示 (CAD/概念/白模/渲染/最终方案) - 增强视觉效果和动画交互 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -767,11 +767,28 @@ const WorkflowPageV4 = () => {
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="h-screen bg-gray-50 flex flex-col">
|
||||
<div className="h-screen bg-gray-50 flex flex-col relative">
|
||||
{/* 背景图片和蒙版 */}
|
||||
<div className="absolute inset-0 z-0">
|
||||
<div
|
||||
className="absolute inset-0"
|
||||
style={{
|
||||
backgroundImage: 'url(/images/Whisk_e8f83d1a37.jpg)',
|
||||
backgroundSize: 'cover',
|
||||
backgroundPosition: 'center',
|
||||
backgroundRepeat: 'no-repeat',
|
||||
opacity: 0.15
|
||||
}}
|
||||
/>
|
||||
<div className="absolute inset-0 bg-gradient-to-br from-gray-900/30 via-purple-900/20 to-blue-900/30" />
|
||||
</div>
|
||||
|
||||
{/* 主内容容器 */}
|
||||
<div className="relative z-10 h-full flex flex-col">
|
||||
{/* 顶部控制栏 */}
|
||||
<div className="bg-white border-b border-gray-200 px-6 py-3 flex items-center justify-between">
|
||||
<div className="flex items-center gap-4">
|
||||
<h1 className="text-lg font-semibold text-gray-900">AI会展策划系统 - 多Agent协同演示</h1>
|
||||
<h1 className="text-lg font-semibold text-gray-900">DuoDuo Agent - 多智能体协同生成·专业方案</h1>
|
||||
<div className="flex items-center gap-2">
|
||||
<button
|
||||
onClick={status === 'idle' ? () => setShowRequirementModal(true) : pauseDemo}
|
||||
@@ -809,9 +826,9 @@ const WorkflowPageV4 = () => {
|
||||
</div>
|
||||
|
||||
{/* 主内容区 */}
|
||||
<div className="flex-1 flex overflow-hidden">
|
||||
<div className="flex-1 flex overflow-hidden backdrop-blur-sm">
|
||||
{/* 左侧:n8n工作流 */}
|
||||
<div className="w-1/2 border-r border-gray-200 bg-white flex flex-col">
|
||||
<div className="w-1/2 border-r border-gray-200 bg-white/95 backdrop-blur-md flex flex-col">
|
||||
<div className="px-4 py-2 border-b border-gray-200 flex items-center justify-between bg-gray-50">
|
||||
<div className="flex items-center gap-2">
|
||||
<div className="w-3 h-3 rounded-full bg-green-500"></div>
|
||||
@@ -1026,6 +1043,7 @@ const WorkflowPageV4 = () => {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* 弹窗组件 */}
|
||||
<RequirementModal
|
||||
|
||||
Reference in New Issue
Block a user