akmon/doc_news/company_style_index.md

帮忙设计公司式主页面/pages//info/comindex.uvue：

公司模式首页页面设计 Prompt

以uts android为主体：

1. 多语言选项

• 页面顶部或左上角提供语言切换按钮（如：简体中文、English、繁体、日语等）。
• 支持自动检测浏览器语言，首次访问时自动切换。
• 语言切换后，所有页面内容、菜单、按钮、公司信息等即时切换对应语言。

2. 主要业务 Waterfall 展示

• 页面整体采用弹性（flex）布局，适配不同屏幕尺寸，内容自适应。
• 主要业务区采用 waterfall（瀑布流）布局，参考：uni-app-x Waterflow 组件。
• 每个业务板块以卡片形式展示，包含：业务名称、简要描述、主图/图标、进入详情按钮。
• 支持动态加载更多业务内容，滚动到底部自动加载。
• 卡片内容支持多语言。
• 页面数据获取方式参考 pages/info/index/，支持异步加载、分页、懒加载。

3. 底部公司信息

• 页面底部固定展示公司信息区块。
• 包含：公司名称、LOGO、联系方式（电话、邮箱）、公司地址、备案号、社交媒体链接等。
• 支持多语言展示。

4. AI 助手浮动展示

• 页面右下角悬浮 AI 助手入口（如气泡/机器人图标）。
• 点击后弹出对话框，可与 AI 助手实时互动。
• AI 助手可根据当前页面内容、用户语言自动调整回复。
• AI 助手窗口可拖动、最小化、关闭。
• AI 助手定时刷新，主动推送热门问题、推荐内容。

5. 热门搜索浮动展示

• 热门搜索词以小气泡/标签形式在 AI 助手附近（右下角）自动轮播或刷新。
• 点击热门搜索词可直接跳转到搜索结果页。
• 热门搜索内容支持多语言。
• 搜索功能建议将 pages/info/search/ 封装为可复用组件，点击热门搜索或搜索按钮时以 modal 弹窗方式弹出。

6. 个人及登录信息按钮

• 页面右上角展示个人信息/登录按钮。
• 未登录时显示“登录/注册”按钮，点击弹出登录框。
• 已登录时显示用户头像、昵称，下拉菜单可进入“个人中心”、“退出登录”等。
• 支持多语言。

7. 其它交互与细节

• 页面整体风格简洁、现代、响应式，适配 PC 和移动端。
• 支持夜间模式切换。
• 主要交互元素（按钮、卡片、浮窗）均需适配多语言和无障碍。
• 主要内容区、waterfall、底部信息等均采用弹性布局，保证良好适配性。
• AI 助手建议参考 /pages/info/chat，可封装为组件，支持悬浮、弹窗、拖动、最小化等交互。

---

Prompt 用法说明

• 以上为公司模式首页的详细页面设计 prompt，可直接用于产品经理、UI 设计师、前端开发、AI 生成页面原型等场景。
• 如需英文版 prompt，可补充翻译。