bin-ui 基于vue的组件库
bin-ui
基于vue2.6的UI组件库
Github 仓库 | 码云仓库 | 文档说明
前言
bin-ui,是基于vue2.6的pc端组件,在一年前,我还是个只会使用element-ui的初级使用者,在公司的要求下,搭建了一个初版的后台管理系统,在业务需求不断增加和编写的过程中,使我逐渐对vue和element-ui有了更深刻的认识。由于公司的ui 逐渐的个性化,使得我在编写业务组件中需要不断的去个性化样式和大量针对库ui样式的覆盖。因此决定深度学习element-ui的架构,于是我fork了一份源码并尝试从头开始搭建自己的UI库。
UI库的最初想法是学习了解element-ui的基本搭建和各个组件的基本实现原理,最初也是参考实现了一些组件,如滚动,按钮等。并结合自己的开发习惯将样式重新用stylus实现了一遍。并将有些业务组件,如抽屉,弹窗等自行实现的简易组件和公共样式的增加导致在编写后台管理系统时需要参考两个文档不胜其烦,因此决定将自己的ui组件不断完善,以便适应更好的开发工作。
antD的彩蛋事件让我了解使用别人的组件库总会有不放心的地方,于是,我又翻看了iview的组件库源码,发现相比较element,有些组件的实现和接口习惯很像我自己平时的习惯。因此后续有许多组件如form表单,模态窗等都大量的借鉴(chaoxi)了iview的实现方式,我这个UI库可能更多的是为了自己在开发时能够更加熟悉组件的运行过程,由于样式和代码基本都是重新编写一遍,所以完全不必担心会有彩蛋的存在,而且自己维护组件也能够按需增补符合自己习惯的组件或功能。
组件库截图
以上是 bin-ui 基于vue的组件库 的全部内容, 来源链接: utcz.com/z/376260.html