1、cube-ui
cube-ui 是基于 Vue.js 實現(xiàn)的精致移動端組件庫质涛。
特性
質(zhì)量可靠
由滴滴內(nèi)部組件庫精簡提煉而來,經(jīng)歷了業(yè)務(wù)一年多的考驗,并且每個組件都有充分單元測試泌绣,為后續(xù)集成提供保障。
體驗極致
以迅速響應(yīng)预厌、動畫流暢阿迈、接近原生為目標,在交互體驗方面追求極致轧叽。
標準規(guī)范
遵循統(tǒng)一的設(shè)計交互標準苗沧,高度還原設(shè)計效果;接口標準化炭晒,統(tǒng)一規(guī)范使用方式待逞,開發(fā)更加簡單高效。
擴展性強
支持按需引入和后編譯网严,輕量靈活识樱;擴展性強,可以方便地基于現(xiàn)有組件實現(xiàn)二次開發(fā)震束。
地址:https://didi.github.io/cube-ui/#/zh-CN
demo:https://didi.github.io/cube-ui/example/#/
2怜庸、Vant
特性
50+ 個經(jīng)過有贊線上業(yè)務(wù)檢驗的組件
單元測試覆蓋率超過 90%
完善的文檔和示例
支持?babel-plugin-import
支持 TypeScript
支持 SSR
地址:https://www.youzanyun.com/zanui/vant#/zh-CN/intro
demo:https://youzan.github.io/vant/mobile.html#/zh-CN/
3、Framework7
Framework7 是一款免費垢村、開源的移動HTML框架割疾,主要用于開發(fā)混合手機App或者網(wǎng)頁App,某些應(yīng)用場景的體驗幾乎與原生開發(fā)的 iOS 和 Android 應(yīng)用一模一樣嘉栓,同時也是一款不可獲取的應(yīng)用原型快速開發(fā)及展示工具宏榕。
Framework7 主要的作用就是讓你有機會能夠使用 HTML驰凛,CSS 和 JavaScript 簡單明了地開發(fā) iOS 和 Android 應(yīng)用。Framework7 是完全開放的担扑,它完全沒有限制你進行打開腦洞的創(chuàng)造恰响,同時還提供了一些解決方案。
Framework7 并不支持所有平臺涌献。為了給你帶來最好的體驗感受胚宦,它只專注于 iOS 和 Google Material 設(shè)計風格。
地址:http://framework7.cn/docs/introduction.html
demo:http://framework7.cn/kitchen-sink/?theme=ios
http://framework7.cn/kitchen-sink/?theme=md
4燕垃、?we-vue
we-vue 參考了餓了么前端團隊?Mint-UI?項目的大量代碼枢劝,可以說 we-vue 在一定程度上可以算是換上了 weui 皮膚的 Mint-UI
地址:https://wevue.org/doc/v2_0/index
5、vue-carbon
基于 vuejs 1.0 開發(fā) material design 風格的移動端 WEB UI 庫
地址:http://myronliu.com/vue-carbon/#!/
6卜壕、Mint UI
Mint UI 包含豐富的 CSS 和 JS 組件您旁,能夠滿足日常的移動端開發(fā)需要。通過它轴捎,可以快速構(gòu)建出風格統(tǒng)一的頁面鹤盒,提升開發(fā)效率。
真正意義上的按需加載組件侦副≌炀猓可以只加載聲明過的組件及其樣式文件,無需再糾結(jié)文件體積過大秦驯。
考慮到移動端的性能門檻尺碰,Mint UI 采用 CSS3 處理各種動效,避免瀏覽器進行不必要的重繪和重排译隘,從而使用戶獲得流暢順滑的體驗亲桥。
依托 Vue.js 高效的組件化方案,Mint UI 做到了輕量化固耘。即使全部引入题篷,壓縮后的文件體積也僅有 ~30kb (JS + CSS) gzip。
地址:http://mint-ui.github.io/#!/zh-cn
demo:http://elemefe.github.io/mint-ui/#/
7玻驻、YDUI Touch
Vue-ydui 是?YDUI Touch?的一個Vue2.x實現(xiàn)版本悼凑,專為移動端打造,在追求完美視覺體驗的同時也保證了其性能高效璧瞬。
特性
提供兩種樣式單位(rem?和?px)版本户辫;
高質(zhì)量、功能豐富嗤锉;
友好的 API 渔欢,自由靈活地使用空間;
細致瘟忱、漂亮的 UI奥额;
使用單文件的 Vue 組件化開發(fā)模式苫幢;
基于 npm + webpack + babel 開發(fā),支持 ES2015垫挨;
真正意義上的按需加載組件韩肝,可以只加載聲明過的組件及其樣式文件,無需再糾結(jié)文件體積過大九榔。
demo:http://vue.ydui.org/demo/#/
8哀峻、VONIC
一個基于?vue.js?和?ionic?樣式的 UI 框架,用于快速構(gòu)建移動端單頁應(yīng)用哲泊。
地址:https://wangdahoo.github.io/vonic-documents/#/
9剩蟀、vux
VUX是基于WeUI和Vue(2.x)開發(fā)的移動端UI組件庫,主要服務(wù)于微信頁面切威。
基于webpack + vue-loader + vux可以快速開發(fā)移動端頁面育特,配合vux-loader方便你在WeUI的基礎(chǔ)上定制需要的樣式。
vux-loader保證了組件按需使用先朦,因此不用擔心最終打包了整個vux的組件庫代碼缰冤。
VUX并不完全依賴于WeUI,VUX?在?WeUI?的基礎(chǔ)上擴展了多個常用組件烙无,但是盡量保持整體UI樣式接近WeUI的設(shè)計規(guī)范锋谐。
demo:https://vux.li/demos/v2/#/
10、Vx UI
本組件庫采用的是網(wǎng)易的rem適配方案
地址:https://github.com/yunfeihuang/vx-ui
demo:http://vx.bittyos.com/demo/#/
11截酷、cubeex
cubeex是基于vue2.0開發(fā)的組件庫,將包含一套完整的移動UI乾戏。
PS: cubeex目前在持續(xù)更新中迂苛,組件將逐步完善,旨在創(chuàng)建一套完善的基于vue2.0的移動端組件庫鼓择。