flat-theme 由于时间问题,没有细致的设计,包括组件 less 的代码差距也非常之大。所以目前仅仅是基于当前组件的 less文件去抽取变量,发现比较混乱。打算在整理完组件变量后先做如下简单的设计工作:
- 确定组件基础变量,即所有组件一定会对外暴露的 less 变量,比如:background,color,width,height等。
- 组件各个状态对外暴露基础变量,状态包括default, hover,active,disabled。
- 各个组件继承基础变量,会扩展自己的变量。
- 变量的命名规范,包括组件状态下暴露的变量。
注:变量的抽取会根据 ue 规范,若ue 的规范对某个组件的某个样式确定了一致的风格,自然是不需要再对外暴露该样式的变量了。