Element Plus 组件库相关技术揭秘,深入理解组件库中SCSS和CSS变量的架构应用和实践
前言ElementPlus的CSS架构并没有脱离传统的CSS设计模式,主要还是OOCSS,也就是还是面向对象的思想,即:封装、继承、多态,并且CSS变量的加入使用,使得多态这一特性的实现更加丝滑。整个ElementPlus的CSS架构核心思想就是,首先将那些公共的UI样式进行提取封装成公共CSS变量,相当于基础类,然后每个组件又基于公共的CSS变量进行继承封装属于每个组件独立的CSS变量,相当于子