一、mint UI
1.Mint UI 包含豐富的 css 和 js 組件,能夠滿足日常的移動端開發(fā)需要。通過它,可以快速構(gòu)建出風(fēng)格統(tǒng)一的頁面,提升開發(fā)效率。
2.真正意義上的按需加載組件??梢灾患虞d聲明過的組件及其樣式文件,無需再糾結(jié)文件體積過大。
3.考慮到移動端的性能門檻,Mint UI 采用 css3 處理各種動效,避免瀏覽器進(jìn)行不必要的重繪和重排,從而使用戶獲得流暢順滑的體驗。
4.依托 vue.js 高效的組件化方案,Mint UI 做到了輕量化。即使全部引入,壓縮后的文件體積也僅有 ~30kb (js + css) gzip。
二、vux
1.Vux是基于WeUI和vue(2.x)開發(fā)的移動端UI組件庫,主要服務(wù)于微信頁面。
2.基于webpack+vue-loader+vux可以快速開發(fā)移動端頁面,配合vux-loader方便你在WeUI的基礎(chǔ)上定制需要的樣式。vux-loader保證了組件按需使用,因此不用擔(dān)心最終打包了整個vux的組件庫代碼。
3.vux并不完全依賴于WeUI,但是盡量保持整體UI樣式接近WeUI的設(shè)計規(guī)范。最初目標(biāo)是創(chuàng)建一個易用,實用,美觀的移動端UI組件庫,現(xiàn)在離理想狀態(tài)還有不少距離,因此需要大家及時反饋問題及貢獻(xiàn)代碼。
三、vonic
1.一個基于 vue.js 和 ionic 樣式的 UI 框架,用于快速構(gòu)建移動端單頁應(yīng)用。 和 ionic沒有關(guān)系,只是在樣式方面以 ionic 的 css 文件為基礎(chǔ)(做了一些調(diào)整)
2.vonic 依賴以下幾個庫,在創(chuàng)建 vonic 項目之前,請確保引入它們: vue-router,axios (vue.js 官方推薦的 ajax 方案)
四、vant
1.組件都是來源于有贊的微商城業(yè)務(wù),并且經(jīng)過有贊業(yè)務(wù)的檢驗,更靠譜
2.豐富的文檔和Demo
3.支持 babel-plugin-import
4.單元測試覆蓋率超過90%
5.不僅僅有豐富的基礎(chǔ)組件,還有許多的業(yè)務(wù)組件
五、YDUI
1.YDUI Touch 專為移動端打造,在技術(shù)實現(xiàn)、交互設(shè)計上兼容主流移動設(shè)備,保證代碼輕、性能高。
2.使用 Flex 技術(shù),靈活自如地對齊、收縮、擴(kuò)展元素,輕松搞定移動頁面布局。
3.實現(xiàn)強(qiáng)大的屏幕適配布局,等比例適配所有屏幕。什么?用得不開心?輕松切換 px。
4.自定義JavaScript組件、Less文件、Less變量,定制一份屬于自己的YDUI。
