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 的 useLoad hook 接收 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',
    // ... 其他页面
  ]
}

相关文档