编辑导语：组件库的搭建在一定程度上可以提高产品开发效率，减少业务流程中的疑惑产
生。那么，应该如何设计组件、快速定义 B 端的组件规范？本篇文章里，作者结合自身撰
写、升级组件库的经验，从阶段出发，对如何定义 B 端组件规范做了总结，一起来看一下
。


各大设计团队为了释放设计人力，会根据业务情况封装组件库，后续开发成代码，方便前
端同学进行组件调取，也同时节省了开发成本。
写这篇文章是根据自己撰写并升级了原有组件库的经验，让大家大概了解设计组件背后需
要做哪些工作，日后制定组件规范可以直接套用。

一、写组件的目的
在工作中做一件事情首先要思考做了之后要达到什么样的效果。写组件的目的就是要让每
一个场景下的操作都具有合理性，让产品变得好用、易用、可用。让各个业务在遇到类似
的业务需求时，不要产生：
应该使用哪个组件？ 组件操作应该包含哪些状态反馈给用户？ 不同业务，同一品牌下如
何保证交互一致性？ 组件不能满足应该怎么办？ ……
一系列模棱两可的疑问。
二、写组件的前期准备：组件结构层梳理
从层级上排列：产品——应用——页面——模块——组件。组件在页面中属于原子级的
元素。
首先 ...