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庫可能更多的是爲了本身在開發時可以更加熟悉組件的運行過程，因爲樣式和代碼基本都是從新編寫一遍，因此徹底沒必要擔憂會有彩蛋的存在，並且本身維護組件也可以按需增補符合本身習慣的組件或功能。

組件庫截圖