帮忙设计公司式主页面/pages//info/comindex.uvue: # 公司模式首页页面设计 Prompt 以uts android为主体: ## 1. 多语言选项 - 页面顶部或左上角提供语言切换按钮(如:简体中文、English、繁体、日语等)。 - 支持自动检测浏览器语言,首次访问时自动切换。 - 语言切换后,所有页面内容、菜单、按钮、公司信息等即时切换对应语言。 ## 2. 主要业务 Waterfall 展示 - 页面整体采用弹性(flex)布局,适配不同屏幕尺寸,内容自适应。 - 主要业务区采用 waterfall(瀑布流)布局,参考:[uni-app-x Waterflow 组件](https://doc.dcloud.net.cn/uni-app-x/component/waterflow.html)。 - 每个业务板块以卡片形式展示,包含:业务名称、简要描述、主图/图标、进入详情按钮。 - 支持动态加载更多业务内容,滚动到底部自动加载。 - 卡片内容支持多语言。 - 页面数据获取方式参考 `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,可补充翻译。