edcbdc7e03
- index.ui: 移除单一大Html控件，改用VBox/HBox/Button/Text/Title等bricks原生控件 - cms_styles.css: 新增bricks widget class覆盖样式(.bricks-button/.bricks-vbox等) - 导航栏保持flex布局，Jinja2条件渲染用户信息区 - 产品架构/成功案例/企业动态均使用原生widget组合
248 lines
14 KiB
XML
248 lines
14 KiB
XML
{% set config = get_site_config() %}
|
||
{% set products = get_published_content('product', 10) %}
|
||
{% set cases = get_published_content('case', 6) %}
|
||
{% set news = get_latest_news(2) %}
|
||
{
|
||
"widgettype": "VBox",
|
||
"id": "app",
|
||
"options": {"width": "100%", "css": "site-root"},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "HBox",
|
||
"id": "nav_bar",
|
||
"options": {"width": "100%", "css": "nav-bar"},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "Text",
|
||
"options": {"text": "开元云科技", "css": "nav-logo"}
|
||
},
|
||
{
|
||
"widgettype": "HBox",
|
||
"options": {"css": "nav-links"},
|
||
"subwidgets": [
|
||
{"widgettype": "Button", "options": {"label": "产品架构", "css": "nav-link"},
|
||
"binds": [{"wid": "self", "event": "click", "actiontype": "script", "script": "var e=document.getElementById('products');if(e)e.scrollIntoView({behavior:'smooth'})"}]},
|
||
{"widgettype": "Button", "options": {"label": "成功案例", "css": "nav-link"},
|
||
"binds": [{"wid": "self", "event": "click", "actiontype": "script", "script": "var e=document.getElementById('cases');if(e)e.scrollIntoView({behavior:'smooth'})"}]},
|
||
{"widgettype": "Button", "options": {"label": "企业动态", "css": "nav-link"},
|
||
"binds": [{"wid": "self", "event": "click", "actiontype": "script", "script": "var e=document.getElementById('news');if(e)e.scrollIntoView({behavior:'smooth'})"}]}
|
||
]
|
||
},
|
||
{"widgettype": "Filler"},
|
||
{
|
||
"widgettype": "HBox",
|
||
"options": {"css": "nav-right"},
|
||
"subwidgets": [
|
||
{"widgettype": "Button", "options": {"label": "联系销售", "css": "nav-cta"},
|
||
"binds": [{"wid": "self", "event": "click", "actiontype": "script", "script": "var e=document.getElementById('contact');if(e)e.scrollIntoView({behavior:'smooth'})"}]},
|
||
{% if get_user() %}
|
||
{
|
||
"widgettype": "HBox",
|
||
"options": {"css": "nav-user clickable"},
|
||
"binds": [{
|
||
"wid": "self", "event": "click",
|
||
"actiontype": "urlwidget",
|
||
"popup_options": {"eventpos": true, "cwidth": 10, "dismiss_events": ["command"]},
|
||
"target": "Popup",
|
||
"options": {"url": "{{entire_url('user_menu.ui')}}"}
|
||
}],
|
||
"subwidgets": [
|
||
{"widgettype": "Text", "options": {"text": "👤", "css": "nav-avatar"}},
|
||
{"widgettype": "Text", "options": {"text": "{{ get_username() }}", "css": "nav-username"}}
|
||
]
|
||
}
|
||
{% else %}
|
||
{"widgettype": "Button", "options": {"label": "登录", "css": "nav-login"},
|
||
"binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "self", "options": {"url": "{{entire_url('/rbac/user/login.ui')}}"}}]},
|
||
{"widgettype": "Button", "options": {"label": "注册", "css": "nav-register"},
|
||
"binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "self", "options": {"url": "{{entire_url('/rbac/user/register.ui')}}"}}]}
|
||
{% endif %}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "VBox",
|
||
"id": "hero",
|
||
"options": {"width": "100%", "css": "hero-section"},
|
||
"subwidgets": [
|
||
{"widgettype": "Html", "options": {"html": "<div class=\"hero-bg-glow\"></div>"}},
|
||
{
|
||
"widgettype": "VBox",
|
||
"options": {"css": "hero-content"},
|
||
"subwidgets": [
|
||
{"widgettype": "Html", "options": {"html": "<div class=\"hero-tag\"><span class=\"pulse-dot\"></span>AI 智能体服务平台</div>"}},
|
||
{"widgettype": "Html", "options": {"html": "<h1 class=\"hero-title\">一个平台，<span class=\"gradient-text\">千行百业</span><br>智能跃迁</h1>"}},
|
||
{"widgettype": "Text", "options": {"text": "基于东数西算国家战略，打造新一代AI智能体服务平台，赋能千行百业智能化转型", "css": "hero-subtitle"}},
|
||
{
|
||
"widgettype": "HBox",
|
||
"options": {"css": "hero-buttons"},
|
||
"subwidgets": [
|
||
{"widgettype": "Button", "options": {"label": "联系销售", "css": "btn-primary"},
|
||
"binds": [{"wid": "self", "event": "click", "actiontype": "script", "script": "var e=document.getElementById('contact');if(e)e.scrollIntoView({behavior:'smooth'})"}]},
|
||
{"widgettype": "Button", "options": {"label": "了解产品架构", "css": "btn-outline"},
|
||
"binds": [{"wid": "self", "event": "click", "actiontype": "script", "script": "var e=document.getElementById('products');if(e)e.scrollIntoView({behavior:'smooth'})"}]}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{"widgettype": "Html", "options": {"html": "<div class=\"hero-mascot\"><svg width=\"200\" height=\"160\" viewBox=\"0 0 200 160\" fill=\"none\" stroke=\"white\" stroke-width=\"1.8\"><path d=\"M40 100c0-33 27-60 60-60 24 0 44 14 54 34 4-2 8-3 13-3 18 0 33 15 33 33s-15 33-33 33H53c-18 0-33-15-33-33 0-15 10-27 20-4z\" stroke-linejoin=\"round\"/><circle cx=\"80\" cy=\"90\" r=\"5\"/><circle cx=\"110\" cy=\"90\" r=\"5\"/><path d=\"M85 105c5 5 15 5 20 0\" stroke-linecap=\"round\"/><path d=\"M95 50c-3-15 3-25 10-30\" stroke-linecap=\"round\"/><circle cx=\"107\" cy=\"18\" r=\"4\"/></svg></div>"}}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "VBox",
|
||
"id": "products",
|
||
"options": {"width": "100%", "css": "section fade-in"},
|
||
"subwidgets": [
|
||
{"widgettype": "Title2", "options": {"text": "1+N+X 产品架构", "css": "section-title"}},
|
||
{"widgettype": "Text", "options": {"text": "一个AI平台 + N个行业模型 + X个智能体", "css": "section-desc"}},
|
||
{
|
||
"widgettype": "HBox",
|
||
"options": {"css": "products-grid"},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "VBox",
|
||
"options": {"css": "product-card"},
|
||
"subwidgets": [
|
||
{"widgettype": "Html", "options": {"html": "<div class=\"card-icon\">🧠</div>"}},
|
||
{"widgettype": "Title3", "options": {"text": "1 个 AI 平台", "css": "card-title"}},
|
||
{"widgettype": "Text", "options": {"text": "统一AI基础设施平台，提供算力调度、模型管理、智能体编排等核心能力", "css": "card-desc"}},
|
||
{"widgettype": "Text", "options": {"text": "基于东数西算国家战略部署，提供高性能、低成本的AI算力服务。支持主流大模型的统一接入、调度和管理，为企业构建坚实的AI基础设施。", "css": "product-detail"}}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "VBox",
|
||
"options": {"css": "product-card"},
|
||
"subwidgets": [
|
||
{"widgettype": "Html", "options": {"html": "<div class=\"card-icon\">🏭</div>"}},
|
||
{"widgettype": "Title3", "options": {"text": "N 个行业模型", "css": "card-title"}},
|
||
{"widgettype": "Text", "options": {"text": "针对制造、金融、医疗、教育等行业深度定制的专业AI模型", "css": "card-desc"}},
|
||
{"widgettype": "Text", "options": {"text": "每个行业模型都经过大量行业数据训练和微调，理解行业术语和业务流程，能够直接解决行业痛点，快速落地AI应用。", "css": "product-detail"}}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "VBox",
|
||
"options": {"css": "product-card"},
|
||
"subwidgets": [
|
||
{"widgettype": "Html", "options": {"html": "<div class=\"card-icon\">🤖</div>"}},
|
||
{"widgettype": "Title3", "options": {"text": "X 个智能体", "css": "card-title"}},
|
||
{"widgettype": "Text", "options": {"text": "灵活组合的智能体应用，覆盖客服、写作、分析、编程等多种场景", "css": "card-desc"}},
|
||
{"widgettype": "Text", "options": {"text": "智能体支持多模态交互、工具调用、多Agent协作。企业可根据业务需求自由组合和定制，打造专属AI工作团队。", "css": "product-detail"}}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "VBox",
|
||
"id": "cases",
|
||
"options": {"width": "100%", "css": "section fade-in"},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "HBox",
|
||
"options": {"css": "section-header"},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "VBox",
|
||
"subwidgets": [
|
||
{"widgettype": "Title2", "options": {"text": "成功案例", "css": "section-title"}},
|
||
{"widgettype": "Text", "options": {"text": "看看AI如何改变这些行业", "css": "section-desc"}}
|
||
]
|
||
},
|
||
{"widgettype": "Filler"}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "HBox",
|
||
"options": {"css": "cases-grid"},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "VBox",
|
||
"options": {"css": "case-card"},
|
||
"subwidgets": [
|
||
{"widgettype": "Text", "options": {"text": "智能制造", "css": "case-tag"}},
|
||
{"widgettype": "Title4", "options": {"text": "某大型制造企业智能质检", "css": "case-title"}},
|
||
{"widgettype": "Text", "options": {"text": "AI视觉检测替代人工质检，缺陷识别准确率达99.7%，产线效率提升40%", "css": "case-desc"}}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "VBox",
|
||
"options": {"css": "case-card"},
|
||
"subwidgets": [
|
||
{"widgettype": "Text", "options": {"text": "金融科技", "css": "case-tag"}},
|
||
{"widgettype": "Title4", "options": {"text": "某银行智能风控系统", "css": "case-title"}},
|
||
{"widgettype": "Text", "options": {"text": "实时交易风险监测，欺诈识别准确率提升60%，误报率降低35%", "css": "case-desc"}}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "VBox",
|
||
"options": {"css": "case-card"},
|
||
"subwidgets": [
|
||
{"widgettype": "Text", "options": {"text": "医疗健康", "css": "case-tag"}},
|
||
{"widgettype": "Title4", "options": {"text": "某三甲医院AI辅助诊断", "css": "case-title"}},
|
||
{"widgettype": "Text", "options": {"text": "影像AI辅助诊断覆盖50+病种，诊断效率提升3倍，漏诊率降低80%", "css": "case-desc"}}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "HBox",
|
||
"options": {"css": "cta-banner"},
|
||
"subwidgets": [
|
||
{"widgettype": "Text", "options": {"text": "想了解这些方案如何落地？", "css": "cta-text"}},
|
||
{"widgettype": "Button", "options": {"label": "了解更多 → 联系销售", "css": "btn-primary"},
|
||
"binds": [{"wid": "self", "event": "click", "actiontype": "script", "script": "var e=document.getElementById('contact');if(e)e.scrollIntoView({behavior:'smooth'})"}]}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "VBox",
|
||
"id": "news",
|
||
"options": {"width": "100%", "css": "section fade-in"},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "HBox",
|
||
"options": {"css": "news-header"},
|
||
"subwidgets": [
|
||
{"widgettype": "Title2", "options": {"text": "企业动态", "css": "section-title"}},
|
||
{"widgettype": "Button", "options": {"label": "查看全部 →", "css": "news-view-all"},
|
||
"binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "self", "options": {"url": "{{entire_url('news.ui')}}"}}]}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "VBox",
|
||
"options": {"css": "news-list"},
|
||
"subwidgets": [
|
||
{
|
||
"widgettype": "HBox",
|
||
"options": {"css": "news-item"},
|
||
"subwidgets": [
|
||
{"widgettype": "Text", "options": {"text": "2026-05-20", "css": "news-date"}},
|
||
{"widgettype": "Text", "options": {"text": "开元云科技发布新一代AI智能体平台，赋能企业数字化转型", "css": "news-title"}}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "HBox",
|
||
"options": {"css": "news-item"},
|
||
"subwidgets": [
|
||
{"widgettype": "Text", "options": {"text": "2026-05-15", "css": "news-date"}},
|
||
{"widgettype": "Text", "options": {"text": "开元云科技与多家行业领军企业达成战略合作，共建AI生态", "css": "news-title"}}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"widgettype": "VBox",
|
||
"options": {"width": "100%", "css": "site-footer"},
|
||
"subwidgets": [
|
||
{"widgettype": "Text", "options": {"text": "© 2026 开元云科技 · 国家级高新技术企业 · 专精特新企业"}}
|
||
]
|
||
},
|
||
{"widgettype": "Html", "options": {"html": "<div class=\"float-contact\" id=\"contact\"><div class=\"float-bubble\">有什么可以帮您？</div><div class=\"float-avatar\"><svg width=\"32\" height=\"32\" viewBox=\"0 0 200 160\" fill=\"none\" stroke=\"white\" stroke-width=\"5\"><path d=\"M40 100c0-33 27-60 60-60 24 0 44 14 54 34 4-2 8-3 13-3 18 0 33 15 33 33s-15 33-33 33H53c-18 0-33-15-33-33 0-15 10-27 20-4z\" stroke-linejoin=\"round\"/><circle cx=\"80\" cy=\"90\" r=\"5\" fill=\"white\"/><circle cx=\"110\" cy=\"90\" r=\"5\" fill=\"white\"/><path d=\"M85 105c5 5 15 5 20 0\" stroke-linecap=\"round\"/><path d=\"M95 50c-3-15 3-25 10-30\" stroke-linecap=\"round\"/><circle cx=\"107\" cy=\"18\" r=\"4\" fill=\"white\"/></svg></div><div class=\"float-panel\"><div class=\"panel-header\">云宝商机助手</div><div class=\"panel-body\"><div class=\"panel-option\" data-form=\"product_interest\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"/></svg>您对哪些产品感兴趣？</div><div class=\"panel-option\" data-form=\"message\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"/></svg>给我们留言</div><div class=\"panel-option\" data-form=\"contact\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6A19.79 19.79 0 012.12 4.18 2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"/></svg>留下联系方式</div></div><div class=\"panel-form\" data-submit-url=\"{{entire_url('api/submit_lead.dspy')}}\"><button class=\"back-btn\">← 返回</button><input name=\"name\" placeholder=\"您的姓名\" type=\"text\"/><input name=\"phone\" placeholder=\"联系电话 *\" type=\"tel\"/><input name=\"company\" placeholder=\"公司名称\" type=\"text\"/><textarea name=\"message\" placeholder=\"请描述您的需求...\" rows=\"3\"></textarea><button class=\"submit-btn\">提交</button></div></div></div>"}}
|
||
]
|
||
}
|