BunshipBunship
集成能力

组件库与区块系统

用于快速品牌替换与前后台一致性的组件工作台与区块复用体系。

这个功能是你做改版和后续迭代的基础层:一套组件,覆盖营销、应用和后台。

功能页截图

组件工作台(中文)

开箱即用能力

  • 通用 UI 组件:packages/ui/src/components
  • 营销/产品区块:packages/ship-block/src
  • 后台数据表能力:packages/data-table
  • 富文本编辑器能力:packages/editor

为什么这块重要

  1. 品牌替换速度更快,不用每页重做样式。
  2. 营销页和业务页视觉更统一。
  3. 减少重复组件开发和维护成本。
  4. 中英文场景可以复用同一套组件逻辑。

代码位置

  • UI 基础组件:packages/ui/src/components
  • 区块组件:packages/ship-block/src
  • 业务组件:apps/ship/src/components
  • 展示页面:/blocks
  • 页面目录:apps/ship/src/app/[locale]/(app).../(admin)

推荐改造顺序

  1. 先统一 Token(色彩、圆角、字体、间距)。
  2. 再调整首页/定价/文档等高频区块。
  3. 然后优化后台表格和表单样式。
  4. 最后回归 EN/ZH 关键页面布局表现。

Next Steps