前言：
針對(duì)滴滴開(kāi)源 Vue 組件庫(kù)— cube-ui，我花了些時(shí)間嘗試了一下砰琢，感覺(jué)這個(gè)組件庫(kù)很贊，可以解決我們開(kāi)發(fā)中遇到的一些問(wèn)題良瞧；大家有時(shí)間可以補(bǔ)充相互學(xué)習(xí)一下陪汽；
相關(guān)傳送門(mén)：
2褥蚯、gitHub
主要功能：
安裝配置一些看文檔就可以，我主要嘗試了下快速上手教程 赞庶，資源借用該github上的你辣，實(shí)踐了下這個(gè)教程小功能：
除了一些一般的組件cube-ui最大的特點(diǎn)模塊：
1、style:
構(gòu)建項(xiàng)目后添加了reset.css尘执、base.css 舍哄；就是從一開(kāi)始就處理一些常見(jiàn)問(wèn)題以及規(guī)范；比如：reset.css對(duì)body屬性的重新定義誊锭、base.css對(duì)1px顯示問(wèn)題的處理表悬；
2、create-api:
我們之前的彈框組件覆蓋屏幕基本上都是用 position:fixed 這個(gè)屬性來(lái)脫離文本流丧靡；而create-api是在vue 的prototype上添加
方法蟆沫；上收教程這個(gè)例子中在彈出層觸動(dòng)，底層還是會(huì)滾動(dòng)温治；這個(gè)就看產(chǎn)品定義做出調(diào)整了饭庞；
3、better-scroll: https://github.com/ustbhuangyi/better-scroll
處理滾動(dòng)的第三方插件熬荆，很早之前就想引用這個(gè)插件一直沒(méi)來(lái)的及用舟山，cube-ui直接已經(jīng)包裝好這個(gè)插件配合Scroll使用：
后編譯以及主題：
后編譯還沒(méi)有深入的看；項(xiàng)目的 src/ 目錄下創(chuàng)建一個(gè) theme.styl的文件；這個(gè)當(dāng)我們要修改各個(gè)組件的樣式在這個(gè)文件就可以修改累盗；
為我們所用：
1寒矿、問(wèn)題·：我們使用rem適配、但是輸入框在安卓上點(diǎn)擊時(shí)若债，軟鍵盤(pán)彈出符相，頁(yè)面涉及rem的會(huì)自動(dòng)縮小蠢琳；我在做移動(dòng)端活動(dòng)頁(yè)的時(shí)候引入轉(zhuǎn)換rem的文件也出現(xiàn)了這個(gè)問(wèn)題啊终；
使用：這個(gè)問(wèn)題最好用px為單位解決。在cube-ui上使用rem傲须，還是會(huì)存在此問(wèn)題蓝牲，引入模塊style是否會(huì)有影響？如果我們擯棄rem躏碳，用px布局可能我們用的精力會(huì)更大搞旭。所以在布局時(shí)候提前處理好這些問(wèn)題；
3菇绵、我們的彈框?qū)右部梢杂胏reate-api模塊做肄渗；
2、模塊better-scroll解決我們項(xiàng)目中滾動(dòng)問(wèn)題咬最；
