bin-ui

UI component library based on vue2.6

New version 3.0.0 is released

Support theme customization, support on-demand import, updated a large number of component styles and some APIS, added several components, now includes about 50 components for daily development.

Making | | yards cloud warehouse warehouse documentation

A screenshot of the new component library

introduce

Bin-ui is a PC component based on Vue2.6. A year ago, I was a primary user who only knew how to use Element-UI. At the request of the company, I built an initial version of background management system. I gradually gained a deeper understanding of VUE and Element-UI. As the company’s UI becomes increasingly personalized, I need to constantly depersonalize styles and cover a lot of library UI styles in writing business components. So I decided to deeply learn the element-UI architecture, so I forked out a source code and tried to build my own UI library from scratch.

The initial idea of UI library was to learn the basic construction of Element-UI and the basic realization principle of each component. At first, I also realized some components by reference, such as scrolling and buttons. I rewrote the stylus style based on my development habits. And some business components, such as drawers, pop-ups and other self-implemented simple components and the increase of common styles lead to the need to refer to two documents when writing background management system is very annoying, so I decided to constantly improve their UI components, in order to adapt to better development work.

The antD Egg egg event made me understand that there are always some worries about using other people’s component library, so I looked at the source code of the component library of iView again, and found that compared with Element, the implementation and interface habits of some components are very similar to my own usual habits. So the follow-up has many components such as the form form, modal window, etc are a large number of reference (chaoxi) the iview implementation approach, I this UI library may be more for himself in the process of development can be more familiar with the component when, due to the style and basic it is rewriting code again, so there will be the existence of eggs, need not worry completely And self-maintenance components can also be added as needed to suit their own habits of components or functions.