各个功能产品结构

模式
- 竞技模式选择
  - 选择竞技模式
  - 查看模式详情
    - 规则
    - 目标
    - 历史记录
  - 开始骑行
  - 返回主菜单
- 实时数据反馈
  - 监控实时数据
    - 日期
    - 速度
    - 心率
  - 接收实时反馈
    - 反馈对象
    - 当前时间
    - 反馈内容
      - 心率
      - 速度
      - 骑行距离
      - 骑行时间
    - 反馈状态
      - 正在接收
      - 未连接
      - 断开
    - 反馈创建时间
  - 设置骑行目标
    - 骑行距离
    - 骑行时间
- 骑行记录管理
  - 查看数据分析
    - 发布到社区
  - 分享骑行记录
    - 发送给好友
  - 管理骑行记录
    - 创建骑行记录
      - 骑行记录ID（recordId）
      - 用户ID（userId）
      - 骑行距离(distance)
      - 骑行时间（duration
      - 平均速度（speed）
    - 暂存回收站
    - 收藏
    - 删除骑行记录
社区
- 创建社区
  - 社区名称（name）
  - 社区类型（休闲、交友、比赛）
  - 社区描述
  - 创建时间
  - 创建用户名
- 发布帖子
  - 帖子标题
  - 帖子内容
  - 用户头像
- 评论
- 点赞
- 关注用户
- 查看动态
- 管理社区
朋友
- 通讯录
  - 好友列表
    - 添加好友
    - 删除好友
    - 发送消息
    - 邀请
我的
- 注册
- 登录
- 编辑资料
- 忘记密码

竞技模式选择模块

骑行记录模块

实时数据反馈模块

社交互动模块

我在用ionic7.2.0的angular类型创建的tabs模板开发项目，你是一名资深的前端工程师，我在tab2.page组件中写VR自行车竞技移动APP社区部分，请你帮我用ionic组件库实现社区页面（包括html所有内容、scss所有具体样式实现、ts模拟数据三个部分文件具体实现代码），需要图标帮我根据语义匹配适合的的icon,具体页面结构如下：
社区
- 创建社区
  - 社区名称（name）
  - 社区类型（休闲、交友、比赛）
  - 社区描述
  - 创建时间
  - 创建用户名
- 发布帖子
  - 头像
  - 用户ID
  - 帖子标题
  - 帖子内容
  - 发布时间
  - 回复按钮
  - 点赞按钮
- 评论
- 点赞
- 关注用户
- 查看动态
- 管理社区社区页面有7个功能模块分别是创建社区、发布帖子（需要创建帖子）、帖子需要有评论和点赞功能，点开帖子头像可关注用户以及能看到用户动态，在社区标题右侧添加管理社区按钮，请补充充足的帖子示例，点击管理社区跳转管理社区页面
顶部
- 左侧
  - 图片：用户头像
  - 文字：用户名
- 中间
  - 推荐
  - 发布帖子按钮（点击可打开发布帖子页面，）
    - 头像
    - 用户ID
    - 帖子标题
    - 帖子内容
    - 发布时间
    - 回复按钮
    - 点赞按钮
  - 创建社区按钮（点击可打开创建社区页面）
    - 社区名称（name）
    - 社区类型（休闲、交友、比赛）
    - 社区描述
    - 创建时间
    - 创建用户名
- 右侧
  - 管理社区按钮
nav
- 左侧
  - 搜索框
- 右侧
  - 搜索按钮
content
- 顶部
  - 头像
  - 用户名
  - 发布时间
- 中部
  - 内容
- 底部
  - 分享按钮
  - 评论按钮、
  - 点赞按钮

function.md 4.0 KB Permalink History Raw

各个功能产品结构

竞技模式选择模块

骑行记录模块

实时数据反馈模块

社交互动模块

function.md 4.0 KB

Permalink History Raw