圈子帖子列表

某个圈子的帖子列表页:顶部展示圈子名与简介,桌面端可按标签筛选和关键词搜索,列表以卡片展示帖子并支持分页。

1. 页面信息

2. 功能说明

3. 业务说明

界面结构

界面元素 类型 取值来源 说明
圈子名称 标题 圈子信息 页面主标题
圈子简介 文本 圈子信息 展示在名称下方
标签筛选 标签列表 圈子标签 点击切换标签并重新加载列表(桌面端提供)
搜索框 输入框 用户输入 占位提示「请输入关键词按回车开始搜索」,回车后按关键词检索
发布帖子 按钮 页面入口 未登录先登录,登录后进入发帖页
帖子封面 图片轮播 帖子图片 多图自动轮播切换,加载失败用渐变底色与标题首字兜底
状态标记 标签 帖子状态 仅当帖子自带状态说明时显示
帖子标题与摘要 文本 帖子内容 展示在卡片中部
作者与发布时间 头像 + 昵称 + 时间 帖子作者 昵称可点击进入作者主页
查看详情 文字入口 帖子卡片 点击进入帖子详情
分页 分页控件 帖子总数 每页 20 条,可上一页与下一页

筛选与搜索

可按圈子标签筛选帖子,或在搜索框中输入关键词回车搜索,两者都会重新加载列表;搜索范围始终是当前圈子,不跨圈子检索。

封面兜底

当帖子图片加载失败时,会用与帖子相关的渐变底色与标题首字作为占位,保证列表不出现空白;没有帖子图片时展示圈子头像。

移动端差异

手机端不展示标签筛选、搜索入口与顶部导航,只保留帖子列表本身。

界面结构

4. 使用说明

  1. 进入某个圈子的帖子列表页
  2. 在桌面端用标签筛选或输入关键词回车搜索,缩小范围
  3. 浏览帖子卡片,点击卡片或「查看详情」进入帖子详情
  4. 在底部翻页查看更多帖子
  5. 点击「发布帖子」发新帖(未登录会先完成登录)

5. 规则与限制

6. 状态与异常

7. 相关文档

目录导航

同目录文档(5)

相关主题

8. 文档信息