移动端vue ui框架总结
生活随笔
收集整理的這篇文章主要介紹了
移动端vue ui框架总结
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
Mint UI
基于 Vue.js 的移動端組件庫
Mint UI 包含豐富的 CSS 和 JS 組件,能夠滿足日常的移動端開發(fā)需要。通過它,可以快速構(gòu)建出風(fēng)格統(tǒng)一的頁面,提升開發(fā)效率。
真正意義上的按需加載組件。可以只加載聲明過的組件及其樣式文件,無需再糾結(jié)文件體積過大。
考慮到移動端的性能門檻,Mint UI 采用 CSS3 處理各種動效,避免瀏覽器進行不必要的重繪和重排,從而使用戶獲得流暢順滑的體驗。
依托 Vue.js 高效的組件化方案,Mint UI 做到了輕量化。即使全部引入,壓縮后的文件體積也僅有 ~30kb (JS + CSS) gzip。
Muse-UI
基于 Vue 2.0 和 Material Desigin 的 UI 組件庫
特性
1.組件豐富
Muse UI 基本實現(xiàn)了 Material Design 設(shè)計規(guī)范類的所有組件,另外還開發(fā)許多的功能性的組件
2.可定制
Muse UI 使用less文件,所有的顏色都有一個變量維護,通過編寫 less 文件完成自定義主題,另外組件內(nèi)部也提供一些修改效果的參數(shù)
3.基于 Vue 2.0
Muse UI 基于 Vue2.0 開發(fā),Vue2.0是當(dāng)下最快的前端框架之一,小巧,api友好,可用于開發(fā)的復(fù)雜單頁應(yīng)用
vonic
一個基于 vue.js 和 ionic 樣式的 UI 框架,用于快速構(gòu)建移動端單頁應(yīng)用。
Vux(讀音 [v'ju:z],同views)是基于WeUI和Vue(2.x)開發(fā)的移動端UI組件庫, 主要服務(wù)于微信頁面。
基于webpack+vue-loader+vux可以快速開發(fā)移動端頁面,配合vux-loader方便你在WeUI的基礎(chǔ)上定制需要的樣式。
vux-loader保證了組件按需使用,因此不用擔(dān)心最終打包了整個vux的組件庫代碼。
vux并不完全依賴于WeUI,但是盡量保持整體UI樣式接近WeUI的設(shè)計規(guī)范。最初目標(biāo)是創(chuàng)建一個易用,實用,美觀的移動端UI組件庫,現(xiàn)在離理想狀態(tài)還有不少距離,因此需要大家及時反饋問題及貢獻代碼。
即使你不使用vux的代碼, 但能從源碼得到一些參考那么也是件讓人高興的事情。
基于 Vue.js 的移動端組件庫
Mint UI 包含豐富的 CSS 和 JS 組件,能夠滿足日常的移動端開發(fā)需要。通過它,可以快速構(gòu)建出風(fēng)格統(tǒng)一的頁面,提升開發(fā)效率。
真正意義上的按需加載組件。可以只加載聲明過的組件及其樣式文件,無需再糾結(jié)文件體積過大。
考慮到移動端的性能門檻,Mint UI 采用 CSS3 處理各種動效,避免瀏覽器進行不必要的重繪和重排,從而使用戶獲得流暢順滑的體驗。
依托 Vue.js 高效的組件化方案,Mint UI 做到了輕量化。即使全部引入,壓縮后的文件體積也僅有 ~30kb (JS + CSS) gzip。
Muse-UI
基于 Vue 2.0 和 Material Desigin 的 UI 組件庫
特性
1.組件豐富
Muse UI 基本實現(xiàn)了 Material Design 設(shè)計規(guī)范類的所有組件,另外還開發(fā)許多的功能性的組件
2.可定制
Muse UI 使用less文件,所有的顏色都有一個變量維護,通過編寫 less 文件完成自定義主題,另外組件內(nèi)部也提供一些修改效果的參數(shù)
3.基于 Vue 2.0
Muse UI 基于 Vue2.0 開發(fā),Vue2.0是當(dāng)下最快的前端框架之一,小巧,api友好,可用于開發(fā)的復(fù)雜單頁應(yīng)用
vonic
一個基于 vue.js 和 ionic 樣式的 UI 框架,用于快速構(gòu)建移動端單頁應(yīng)用。
和 ionic 的關(guān)系:沒有關(guān)系,只是在樣式方面以 ionic 的 css 文件為基礎(chǔ)(做了一些調(diào)整)
Vux(讀音 [v'ju:z],同views)是基于WeUI和Vue(2.x)開發(fā)的移動端UI組件庫, 主要服務(wù)于微信頁面。
基于webpack+vue-loader+vux可以快速開發(fā)移動端頁面,配合vux-loader方便你在WeUI的基礎(chǔ)上定制需要的樣式。
vux-loader保證了組件按需使用,因此不用擔(dān)心最終打包了整個vux的組件庫代碼。
vux并不完全依賴于WeUI,但是盡量保持整體UI樣式接近WeUI的設(shè)計規(guī)范。最初目標(biāo)是創(chuàng)建一個易用,實用,美觀的移動端UI組件庫,現(xiàn)在離理想狀態(tài)還有不少距離,因此需要大家及時反饋問題及貢獻代碼。
即使你不使用vux的代碼, 但能從源碼得到一些參考那么也是件讓人高興的事情。
總結(jié)
以上是生活随笔為你收集整理的移动端vue ui框架总结的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 谈谈nodejs爬虫程序利器——chee
- 下一篇: 【移动端vue ui框架学习】vue项目