iView 發(fā)布微信小程序 UI 組件庫 iView Weapp

Rindia 發(fā)布于2019-08-22 17:57 / 591人閱讀

摘要：但是，我們注意到，微信小程序正在崛起，這將是移動(dòng)端新的一種開發(fā)模式。不過微信對小程序越來越開放，給的入口也越來越多，這讓很多開發(fā)者投入到小程序的開發(fā)上。地址文檔歡迎和是什么微信小程序提供了自定義組件的功能，這使得成為了可能。

末尾有彩蛋。

過去的兩年里，iView 開源項(xiàng)目已經(jīng)幫助成千上萬的開發(fā)者快速完成網(wǎng)站開發(fā)，大幅度提高了開發(fā)效率，成為 Vue.js 生態(tài)里重要的一部分。

與此同時(shí)，我們也在思考，除了服務(wù) PC Web，iView 還能提供什么。可能是 Mobile Web？但同類產(chǎn)品已經(jīng)太過豐富，所以 iView 一直沒有探索 Mobile 端。但是，我們注意到，微信小程序正在崛起，這將是移動(dòng)端新的一種開發(fā)模式。

對于微信小程序，iView 團(tuán)隊(duì)并不陌生，在微信最早發(fā)布小程序時(shí)，我們（TalkingData）就上線了小程序統(tǒng)計(jì)分析服務(wù) SDK（https://www.talkingdata.com/weApp/weApp.jsp），只是那時(shí)候小程序一直處于不溫不火的狀態(tài)。不過微信對小程序越來越開放，給的入口也越來越多，這讓很多開發(fā)者投入到小程序的開發(fā)上。

于是，我們探索了一個(gè)月，對于微信小程序，我們能提供什么服務(wù)。思前想后，還是覺得做一套高質(zhì)量的 UI 組件庫比較合適，因?yàn)?iView 團(tuán)隊(duì)在這上面有 2 年的積累，而且愛屋及烏，iView 的開發(fā)者也會(huì)很喜歡 iView Weapp。

地址

GitHub: https://github.com/TalkingData/iview-weapp

文檔: https://weapp.iviewui.com/

歡迎 Star 和 PR ！

iView Weapp 是什么？

微信小程序提供了自定義組件的功能，這使得 iView Weapp 成為了可能。小程序已經(jīng)提供了很多組件和 API，但它們過于基礎(chǔ)，實(shí)際開發(fā)時(shí)仍需要一定的封裝和 UI 調(diào)整。iView Weapp 提供了與 iView 一致的 UI 和盡可能相同的接口名稱，大幅度降低了學(xué)習(xí)成本，使用起來如魚得水。如果你是 iView 的核心用戶，用起 iView Weapp 來甚至不用看文檔！當(dāng)然，我們對新用戶也很友好，事無巨細(xì)的文檔、友好的 API 和完整的示例，幾分鐘就可以上手啦。

iView Weapp 1.0 提供了 30 個(gè)組件，并會(huì)不斷豐富：

先睹為快

使用微信掃一掃體驗(yàn) iView Weapp 小程序組件示例：

當(dāng)然，你也可以在微信開發(fā)者工具中查看：

# 從 GitHub 下載后，安裝依賴
npm install

# 編譯組件
npm run dev

然后，將 examples 目錄在微信開發(fā)者工具中打開即可。

1.0 提供的都是基礎(chǔ)組件，能夠滿足大部分常用的布局和交互。接下來，我們還會(huì)提供更為豐富的基礎(chǔ)組件及典型業(yè)務(wù)組件，比如刮刮樂。旨為讓小程序開發(fā)的門檻降低，并帶來出色的用戶體驗(yàn)。

開源協(xié)議

iView Weapp 使用 MIT 開源協(xié)議，并 100% 開放源碼。查看開源協(xié)議。

彩蛋

我們預(yù)計(jì)在 2018 年 7 月（或 8 月）發(fā)布 iView 3.0 以及 5 款神秘新產(chǎn)品，屆時(shí)會(huì)舉辦線下發(fā)布會(huì)（線上同步直播），敬請關(guān)注 iView 官網(wǎng)。感謝大家長久以來對 iView 的支持，我們也會(huì)持續(xù)維護(hù)，投入更多的人力和精力完善生態(tài)，讓 iView 成為全球最好用的組件庫！