天天看點

移動端UI架構大比拼

1、vonic

vonic是一個基于 vue.js 和 ionic 樣式的 UI 架構,用于快速建構移動端單頁應用

onic 依賴以下幾個庫,在建立 vonic 項目之前,請確定引入它們。

vue.js

vue-router.js

axios.js (vue.js 官方推薦的 ajax 方案)

中文文檔 線上預覽

移動端UI架構大比拼

特點:樣式簡單好看,元件比較全面

移動端UI架構大比拼

2、Mint UI

Mint UI 由餓了麼前端團隊推出的 Mint UI 是一個基于 Vue.js 的移動端元件庫

特點:體積小,使用友善,代碼簡潔易懂,但是元件不是特别多,着重于表單和清單控件

移動端UI架構大比拼
移動端UI架構大比拼
移動端UI架構大比拼

MUI

MUI 是 最接近原生APP體驗的高性能前端架構,MUI不依賴任何第三方JS庫,壓縮後的JS和CSS檔案僅有100+K和60+K

特點:不依賴于任何架構,有很多原生APP的元件,但是好像時候做APP,單獨做移動端的網頁的話比較麻煩,比較适合做APP混合開發

Vant

Vant是有贊前端團隊基于有贊統一的規範實作的 Vue 元件庫,提供了一整套 UI 基礎元件和業務元件。

特點:推薦使用 Vue 官方提供的腳手架 Vue Cli 3 建立項目

60 個元件

90% 單元測試覆寫率

完善的中英文文檔和示例

支援按需引入

支援主題定制

支援國際化

支援 TS

支援 SSR

元件比較全面,而且有些業務上的特色

移動端UI架構大比拼
移動端UI架構大比拼

Cube UI

Cube由滴滴内部元件庫精簡提煉而來, 基于 Vue.js 實作的精緻移動端元件庫。

特點:主要包括以下四個方面的元件,對于基礎的需求已經夠了,裡面的樣式比較成熟。

移動端UI架構大比拼

繼續閱讀