55 lines
2.9 KiB
Markdown
55 lines
2.9 KiB
Markdown
帮忙设计公司式主页面/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，可补充翻译。
|