iView 釋出微信小程式 UI 元件庫 iView Weapp

Aresn發表於2018-06-11

末尾有彩蛋。

過去的兩年裡,iView 開源專案已經幫助成千上萬的開發者快速完成網站開發,大幅度提高了開發效率,成為 Vue.js 生態裡重要的一部分。

與此同時,我們也在思考,除了服務 PC Web,iView 還能提供什麼。可能是 Mobile Web?但同類產品已經太過豐富,所以 iView 一直沒有探索 Mobile 端。但是,我們注意到,微信小程式正在崛起,這將是移動端新的一種開發模式。

對於微信小程式,iView 團隊並不陌生,在微信最早釋出小程式時,我們(TalkingData)就上線了小程式統計分析服務 SDK(www.talkingdata.com/weApp/weApp…),只是那時候小程式一直處於不溫不火的狀態。不過微信對小程式越來越開放,給的入口也越來越多,這讓很多開發者投入到小程式的開發上。

於是,我們探索了一個月,對於微信小程式,我們能提供什麼服務。思前想後,還是覺得做一套高質量的 UI 元件庫比較合適,因為 iView 團隊在這上面有 2 年的積累,而且愛屋及烏,iView 的開發者也會很喜歡 iView Weapp。

地址

GitHub: github.com/TalkingData…

文件: weapp.iviewui.com/

歡迎 Star 和 PR !

iView Weapp 是什麼?

微信小程式提供了自定義元件的功能,這使得 iView Weapp 成為了可能。小程式已經提供了很多元件和 API,但它們過於基礎,實際開發時仍需要一定的封裝和 UI 調整。iView Weapp 提供了與 iView 一致的 UI 和儘可能相同的介面名稱,大幅度降低了學習成本,使用起來如魚得水。如果你是 iView 的核心使用者,用起 iView Weapp 來甚至不用看文件!當然,我們對新使用者也很友好,事無鉅細的文件、友好的 API 和完整的示例,幾分鐘就可以上手啦。

iView Weapp 1.0 提供了 30 個元件,並會不斷豐富:

iView Weapp 元件

先睹為快

使用微信掃一掃體驗 iView Weapp 小程式元件示例:

iView Weapp 小程式元件示例

當然,你也可以在微信開發者工具中檢視:

# 從 GitHub 下載後,安裝依賴
npm install

# 編譯元件
npm run dev
複製程式碼

然後,將 examples 目錄在微信開發者工具中開啟即可。

1.0 提供的都是基礎元件,能夠滿足大部分常用的佈局和互動。接下來,我們還會提供更為豐富的基礎元件及典型業務元件,比如刮刮樂。旨為讓小程式開發的門檻降低,並帶來出色的使用者體驗。

開源協議

iView Weapp 使用 MIT 開源協議,並 100% 開放原始碼。檢視開源協議

彩蛋

我們預計在 2018 年 7 月(或 8 月)釋出 iView 3.0 以及 5 款神祕新產品,屆時會舉辦線下釋出會(線上同步直播),敬請關注 iView 官網。感謝大家長久以來對 iView 的支援,我們也會持續維護,投入更多的人力和精力完善生態,讓 iView 成為全球最好用的元件庫!

相關文章