# 各个功能产品结构 - 模式 - 竞技模式选择 - 选择竞技模式 - 查看模式详情 - 规则 - 目标 - 历史记录 - 开始骑行 - 返回主菜单 - 实时数据反馈 - 监控实时数据 - 日期 - 速度 - 心率 - 接收实时反馈 - 反馈对象 - 当前时间 - 反馈内容 - 心率 - 速度 - 骑行距离 - 骑行时间 - 反馈状态 - 正在接收 - 未连接 - 断开 - 反馈创建时间 - 设置骑行目标 - 骑行距离 - 骑行时间 - 骑行记录管理 - 查看数据分析 - 发布到社区 - 分享骑行记录 - 发送给好友 - 管理骑行记录 - 创建骑行记录 - 骑行记录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 - 顶部 - 头像 - 用户名 - 发布时间 - 中部 - 内容 - 底部 - 分享按钮 - 评论按钮、 - 点赞按钮