微信小程序是微信推出的,運行在微信環境下的小應用,其擴充了微信的生態環境。對於用戶而言:使用時不需要單獨下載安裝,十分便捷;對於服務提供者和開發者而言:相較於微信公眾號,其可編程、可開發能力更強,更能給用戶原生的體驗,而且開發小程序與開發APP比起來,開發門檻,開發成本,技術難度也更低。
基於以上優勢,小程序已經十分普及了,各種類型的小程序都能找到,因為開發門檻低,不管是團隊還是個人,都可以進行小程序的開發。小程序前端開發類似於H5開發,前端頁面一般都是由各種組件,如:輸入框、按鍵、文本、圖片等組合成的。雖然微信提供了一套官方的組件,但是這些組件都比較偏底層,底層組件擴展性強,但是使用起來稍微麻煩些,有的高層業務組件還需要自己利用底層組件來封裝。所以,為了快速開發,不重復造輪子,除了微信提供的組件外,還可以使用一些第三方提供的組件庫,今天我們就給大家介紹幾款不錯的微信小程序前端組件庫。
Vant Weapp
Vant Weapp是由有贊前端團隊開源的移動端組件庫,從2017年開源至今,都在持續的更新和維護,是筆者最看好的一套組件,相比其他組件庫有以下一些優勢:
優勢一:組件種類多,其提供了很多很常用,且其他組件庫沒有提供的組件,另外,還提供了一些業務組件,如:省市區選擇控件,訂單提交控件等;
優勢二:組件可擴展性強,比如,對話框組件,用戶可以通過slot來定制化開發對話框的內容,定制化的內容可以嵌入其他組件,由其他組件來組成交互豐富的對話框;
優勢三:比較穩定,坑比較少,接入和開發文檔比較詳細。
除了一般的組件,Vant Weap還提供了其他一些比較常用的組件,主要有:日歷、時間選擇器、下拉菜單、滑動操作、步驟條、索引導航、樹型選擇器等:
Vant Weap提供的一些業務組件,如:省市區選擇、訂單提交欄、商品導航欄:
官網訪問鏈接---https://vant-contrib.gitee.io/vant-weapp/#/home
iView Weapp
iView Weapp為iView團隊開發,是一套高質量的小程序UI組件庫,iView則為一款基於Vue.js的高質量UI組件庫,用於Web開發。iView Weapp繼承了iView的高質量特性,對於開發者而言,坑比較少。另外,iView Weapp提供的組件也算比較多。
優勢:比較穩定,質量高,界面風格比較統一。如果不是對特殊組件有要求的話,就可以選擇iView Weapp。
iView Weapp的一些組件截圖如下:
ColorUI
ColorUI為一款個人開源項目,但由於其鮮亮高飽和的配色,強烈的視覺效果,已經得到了不少開發者的青睞。ColorUI主要優勢在於視覺展現和效果。人靠衣裝,對於應用來說也是一樣的,良好的視覺體驗對於應用體驗來說也是不可或缺的。對於開發應用的技術人員來說,一般對於視覺體驗和配色都是很不擅長的,所以想開發一款酷炫界面的小程序,ColorUI是個不錯的選擇。
ColorUI的一些樣式和組件的截圖如下: