界面组件Component

把一块页面做成组件,能减少哪些重复修改?

也常被叫作:UI 组件

当前步骤 · 1 / 3

识别重复界面

找到多处具有相同职责的卡片或操作区。

容易混淆的问题

  • 每个小元素都要拆成组件吗?

    不必。职责清楚、重复使用或需要独立维护时再拆,避免把简单页面分得过碎。

  • 组件和设计风格是一回事吗?

    组件是有职责的界面单元;风格描述的是视觉语言,同一组件可以采用不同风格。

可以这样交给 Agent

从这两个页面中找出真正重复的界面,把职责一致的部分整理成组件,明确输入、状态与操作回调,并验证两处行为保持一致。

继续阅读