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