固定网格适合等高卡片，但图片比例和摘要长度不一致时，页面会出现大量空白。本文以内容展示页为例，使用 WaterFlow 处理不规则卡片。

卡片数据应提前准备展示字段：

interface ArticleCard {
  id: string
  title: string
  cover: ResourceStr
  summary: string
}

页面只负责展示，不在布局阶段请求图片或计算复杂摘要。卡片高度由内容决定，但标题最多显示两行，避免一张卡片过高。

测试重点包括图片加载失败、标题过长、空数据、横屏和字体放大。瀑布流适合内容浏览，不适合强顺序的表格数据。