vue移動端組件庫

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

demo:https://demo.wevue.org/

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é)文件體積過大九榔。

地址:http://vue.ydui.org/

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ī)范锋谐。

地址:https://vux.li/

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的移動端組件庫鼓择。

地址:https://github.com/fangyongbao/cubeex

demo:http://www.best-html5.net/cubee/cubeex/#/home

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
禁止轉(zhuǎn)載三幻,如需轉(zhuǎn)載請通過簡信或評論聯(lián)系作者。
  • 序言:七十年代末呐能,一起剝皮案震驚了整個濱河市念搬,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌摆出,老刑警劉巖朗徊,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異偎漫,居然都是意外死亡爷恳,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進店門象踊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來温亲,“玉大人棚壁,你說我怎么就攤上這事≌恍椋” “怎么了袖外?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長魂务。 經(jīng)常有香客問我曼验,道長,這世上最難降的妖魔是什么头镊? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任蚣驼,我火速辦了婚禮,結(jié)果婚禮上相艇,老公的妹妹穿的比我還像新娘颖杏。我一直安慰自己,他們只是感情好坛芽,可當我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布留储。 她就那樣靜靜地躺著,像睡著了一般咙轩。 火紅的嫁衣襯著肌膚如雪获讳。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天活喊,我揣著相機與錄音丐膝,去河邊找鬼。 笑死钾菊,一個胖子當著我的面吹牛帅矗,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播煞烫,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼浑此,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了滞详?” 一聲冷哼從身側(cè)響起凛俱,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎料饥,沒想到半個月后蒲犬,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡稀火,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年暖哨,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡篇裁,死狀恐怖沛慢,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情达布,我是刑警寧澤团甲,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布,位于F島的核電站黍聂,受9級特大地震影響躺苦,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜产还,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一匹厘、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧脐区,春花似錦愈诚、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至媒佣,卻和暖如春匕累,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背默伍。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工欢嘿, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人也糊。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓际插,卻偏偏與公主長得像,于是被迫代替她去往敵國和親显设。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,877評論 2 345

推薦閱讀更多精彩內(nèi)容