pages.md
3.96 KB
页面参考文档
本文档列出项目中所有页面的详细说明。
核心页面
1. pages/index/index - 首页
功能:产品展示、搜索、网格导航
关键特性:
- 热门产品的"产品资料"按钮跳转到
product-detail页面,带产品 ID - 热门资料的"查看更多"跳转到
material-list页面 - 网格导航图标跳转到各个业务页面
使用的组件:
- MaterialCard - 资料卡片
- ProductCard - 产品卡片
2. pages/search/index - 搜索页
功能:产品和资料搜索
关键特性:
- 支持实时搜索(输入关键字自动调用 searchAPI)
- 双Tab切换(产品、资料)
- 支持分页加载和触底加载更多
使用的组件:
- MaterialCard
- ProductCard
3. pages/webview/index - WebView 包装器
功能:外部 URL 的 WebView 包装器
4. pages/document-preview/index - 文档预览页
功能:文档预览
5. pages/document-demo/index - 文档预览演示页
功能:文档预览演示
6. pages/onboarding/index - 新用户引导
功能:新用户引导流程
业务页面
7. pages/family-office/index - 家族办公室
功能:家族办公室服务
8. pages/product-center/index - 产品中心
功能:产品列表展示
关键特性:
- 分类筛选
- 分页加载
9. pages/category-list/index - 分类列表
功能:分类列表展示
10. pages/product-detail/index - 产品详情
功能:产品详情展示
关键特性:
- 通过 Taro 的
useLoadhook 接收id参数 - 导航示例:
go('/pages/product-detail/index', { id: 1 }) - 参数可用于从 API 获取产品详情
11. pages/material-list/index - 资料列表
功能:资料/文档列表展示
关键特性:
- 分类筛选
- 分页加载
- 触底加载更多
12. pages/week-hot-material/index - 周热门资料
功能:热门资料展示
关键特性:
- 使用 MaterialCard 组件展示热门资料
- 支持分页加载和触底加载更多
13. pages/signing/index - 签约
功能:签约流程
14. pages/mine/index - 我的
功能:用户资料页面
关键特性:
- 用户信息展示
- 设置入口
15. pages/plan/index - 计划书管理
功能:业务计划管理
关键特性:
- 使用 PlanSchemes 和 PlanPopup 组件
- 支持嵌套弹窗交互(provide/inject 模式)
- 支持滚动加载和分页
16. pages/plan-submit-result/index - 计划提交结果
功能:计划提交结果展示
关键特性:
- 导航按钮:返回上一页(非首页)
用户相关页面
17. pages/favorites/index - 收藏
功能:用户收藏列表
18. pages/avatar/index - 头像设置
功能:用户头像上传和设置
19. pages/message/index - 消息列表
功能:消息列表展示
关键特性:
- 未读消息红点
- 消息分类
20. pages/message-detail/index - 消息详情
功能:消息详情展示
21. pages/feedback-list/index - 反馈列表
功能:意见反馈列表
22. pages/feedback/index - 用户反馈
功能:提交用户反馈
23. pages/login/index - 登录
功能:用户登录
关键特性:
- 微信授权登录
- 登录状态检查
24. pages/help-center/index - 帮助中心
功能:帮助中心和常见问题
开发测试页面
25. pages/test-tabs/index - 标签页测试
功能:仅开发环境,用于测试标签页组件
页面注册
所有页面在 src/app.config.js 中注册:
export default {
pages: [
'pages/index/index',
'pages/search/index',
// ... 其他页面
]
}