微信小程序常見的UI框架/組件庫總結

圖片

想要開發(fā)出一套高質量的小程序,運用框架构舟,組件庫是省時省力省心必不可少一部分翰绊,隨著小程序日漸火爆,各種不同類型的小程序也漸漸更新,其中不乏一些優(yōu)秀好用的框架/組件庫监嗜。

1:WeUI 小程序–使用教程

https://weui.io/

官方介紹:WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信內網頁和微信小程序量身設計抡谐,令用戶的使用感知更加統(tǒng)一裁奇。小程序開發(fā)中最常用到的一款框架,受廣大開發(fā)人員的歡迎麦撵。

圖片.png

2:美團小程序框架mpvue

Github:https://github.com/Meituan-Dianping/mpvue
官網: http://mpvue.com/

官方介紹:mpvue是一個使用 Vue.js開發(fā)小程序的前端框架刽肠。框架基于 Vue.js核心免胃,mpvue修改了 Vue.js的 runtime和 compiler實現(xiàn)音五,使其可以運行在小程序環(huán)境中,從而為小程序開發(fā)引入了整套Vue.js開發(fā)體驗羔沙。

圖片.png

3:組件化開發(fā)框架wepy

Github地址:
https://github.com/Tencent/wepy
官網地址:
https://tencent.github.io/wepy

官方介紹:組件化開發(fā)躺涝,完美解決組件隔離,組件嵌套扼雏,組件通信等問題,支持使用第三方 npm 資源坚嗜,自動處理 npm 資源之間的依賴關系,完美兼容所有無平臺依賴的 npm 資源包.

圖片.png

4:官方框架MINA

地址:https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html

官方介紹:框架提供了自己的視圖層描述語言 WXML 和 WXSS诗充,以及基于 JavaScript 的邏輯層框架苍蔬,并在視圖層與邏輯層間提供了數(shù)據(jù)傳輸和事件系統(tǒng),可以讓開發(fā)者可以方便的聚焦于數(shù)據(jù)與邏輯上蝴蜓。

圖片.png

5:Tina.js 一款輕巧的漸進式微信小程序框架

Tina.js 開源框架地址: https://github.com/tinajs/tina

官方介紹:是一款輕巧的漸進式微信小程序框架碟绑,保留 MINA (微信小程序官方框架) 的大部分 API 設計;無論你有無小程序開發(fā)經驗茎匠,都可以輕松過渡上手格仲。


圖片.png

6:前端框架weweb

地址: https://github.com/wdfe/weweb

官方介紹:weweb是一個兼容小程序語法的前端框架,你可以用小程序的寫法汽抚,來寫web應用抓狭。如果你已經有小程序了,通過它你可以將你的小程序運行在瀏覽器中造烁。

7:微信UI組件庫 iView Weapp

https://weapp.iviewui.com/

介紹:iView Weapp 提供了與 iView 一致的 UI 和盡可能相同的接口名稱否过,大幅度降低了學習成本,是一套一套高質量的微信小程序 UI 組件庫惭蟋。


圖片.png

8:ZanUI-WeApp -- 一個顏值高苗桂、好用、易擴展的微信小程序 UI 庫

https://cnodejs.org/topic/589d625a5c8036f7019e7a4a

官方介紹:ZanUI-WeApp結合了微信的視覺規(guī)范告组,為用戶提供更加統(tǒng)一的使用感受煤伟。 包含 badge、btn、等共計 17 類組件或元素便锨。

原文作者:祈澈姑娘
技術博客:http://www.reibang.com/u/05f416aefbe1

90后前端妹子围辙,愛編程,愛運營放案,愛折騰姚建。
堅持總結工作中遇到的技術問題,堅持記錄工作中所所思所見吱殉,歡迎大家加入群聊掸冤,一起探討交流。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末友雳,一起剝皮案震驚了整個濱河市稿湿,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌押赊,老刑警劉巖饺藤,帶你破解...
    沈念sama閱讀 217,657評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異考杉,居然都是意外死亡策精,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評論 3 394
  • 文/潘曉璐 我一進店門崇棠,熙熙樓的掌柜王于貴愁眉苦臉地迎上來咽袜,“玉大人,你說我怎么就攤上這事枕稀⊙玻” “怎么了?”我有些...
    開封第一講書人閱讀 164,057評論 0 354
  • 文/不壞的土叔 我叫張陵萎坷,是天一觀的道長凹联。 經常有香客問我,道長哆档,這世上最難降的妖魔是什么蔽挠? 我笑而不...
    開封第一講書人閱讀 58,509評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮瓜浸,結果婚禮上澳淑,老公的妹妹穿的比我還像新娘。我一直安慰自己插佛,他們只是感情好杠巡,可當我...
    茶點故事閱讀 67,562評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著雇寇,像睡著了一般氢拥。 火紅的嫁衣襯著肌膚如雪蚌铜。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,443評論 1 302
  • 那天嫩海,我揣著相機與錄音冬殃,去河邊找鬼。 笑死出革,一個胖子當著我的面吹牛造壮,可吹牛的內容都是我干的。 我是一名探鬼主播骂束,決...
    沈念sama閱讀 40,251評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼成箫!你這毒婦竟也來了展箱?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,129評論 0 276
  • 序言:老撾萬榮一對情侶失蹤蹬昌,失蹤者是張志新(化名)和其女友劉穎混驰,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體皂贩,經...
    沈念sama閱讀 45,561評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡栖榨,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,779評論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了明刷。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片婴栽。...
    茶點故事閱讀 39,902評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖辈末,靈堂內的尸體忽然破棺而出愚争,到底是詐尸還是另有隱情,我是刑警寧澤挤聘,帶...
    沈念sama閱讀 35,621評論 5 345
  • 正文 年R本政府宣布轰枝,位于F島的核電站,受9級特大地震影響组去,放射性物質發(fā)生泄漏鞍陨。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,220評論 3 328
  • 文/蒙蒙 一从隆、第九天 我趴在偏房一處隱蔽的房頂上張望诚撵。 院中可真熱鬧,春花似錦广料、人聲如沸砾脑。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽韧衣。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間畅铭,已是汗流浹背氏淑。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留硕噩,地道東北人假残。 一個月前我還...
    沈念sama閱讀 48,025評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像炉擅,于是被迫代替她去往敵國和親辉懒。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,843評論 2 354

推薦閱讀更多精彩內容