SOURCEWeb · 已授权的目标用户

标签发现

以市场、资产与来源标签发现社区内容

/tagsreits-bbs
/tags
CURRENT UI1440 × 900FIT 100%
标签发现⌕ 搜索标签
CURRENT CODE · STATIC DATA

发现可信讨论

按市场、资产、主题与来源组织社区内容。

1# 公募REITs2.4k 话题+18%
2# RWA1.8k 话题+12%
3# 新能源842 话题+24%
4# RAW来源386 话题已核验
5# 日本市场284 话题+8%
6# 物流资产192 话题+6%
REFERENCE VIEWPORT1440 × 900Desktop first · responsive
PRIMARY TASK筛选/搜索主操作、权限与完成反馈必须同屏可验证
DATA CONTRACTNodeBB tagsready / loading / empty / error 使用同一 fixture
ACCESSIBILITYKeyboard + WCAG AA焦点顺序、可读名称、对比度进入 UI CI
VISUAL BASELINESOURCE · 2026-07-15桌面/移动、浅色/错误态按稳定 Screen ID 留档

STATE LAB

同一页面的五个真实运行状态

开发者不能只交付 happy path。状态文案、可恢复动作、敏感数据边界和埋点都必须在同一个 Screen ID 下验收。

LOADING
读取中

保留页面骨架与任务上下文,不闪回空白页。

允许取消 / 返回
READY
正常

已绑定 NodeBB tags,主操作可用。

筛选/搜索
EMPTY
当前没有结果

解释为什么没有标签搜索,并给出下一步。

打开详情
ERROR
部分失败

显示稳定错误码和 request_id,不泄露堆栈或隐私。

重试 / 联系 owner
FORBIDDEN
权限不足

服务端拒绝后收起写操作;不能只靠前端隐藏。

返回安全页面
01 · SCREENbbs-tags/tags
02 · CONTRACTNodeBB tags3 bound contracts
03 · TESTstate + a11y + visualdesktop / mobile / negative
04 · RELEASEexact commit requiredsmoke + rollback evidence

IMPLEMENTATION MAP

从当前页面拆出来的开发定义

这是结构与状态定义,不是重新发明一套视觉。视觉细化必须继续引用同一证据并通过 owner 评审。

01

页面区域

  • 页面上下文与导航
  • 标签搜索
  • 热门标签
  • 分类分组
  • 话题计数
  • 关注状态
  • 状态与操作反馈
02

用户动作

  • 筛选/搜索
  • 打开详情
  • 执行主操作
  • 查看证据
03

必须状态

  • 加载中
  • 正常
  • 空状态
  • 部分失败
  • 无权限
04

数据契约

  • NodeBB tags
  • Topic counts
  • Follow state

CURRENT MODULES

现有页面可见模块

  1. 01标签搜索
  2. 02热门标签
  3. 03分类分组
  4. 04话题计数
  5. 05关注状态

PRODUCT ROUTE INDEX

社区 的 8 个稳定 Screen ID

同一产品内的页面共享 token、导航和状态语言,但每个 Screen ID 保留自己的字段、数据契约和 QA 基线。

01
社区动态/
Web
02
话题详情/topic/:slug/:tid
Web
03
动态/话题发布器composer
Web
04
最新话题/recent
Web
05
标签发现/tags
Web
06
用户资料与可信记录/user/:userslug
Web
07
通知中心/notifications
Web
08
互动风险运营台/reits/ops/interaction-risk
Web