微信小程序 | UI组件库合集
当设计“微信小程序”界面时,网上出了很多类似的推荐文章,大多数都没进行分类整理,组件库推荐的有点混乱。
现如今,国内大中型互联网公司都有对应的UI组件库,一般不会对外公布,我们需要总结经验并建立属于自己的规范组件库。
这段时间小编给大家梳理了一下小程序UI组件库,文章更新速度不是很快,毕竟每天都有自己的事情要去做,会不定时推送原创文章,不会让各位“萌粉”失望的,希望各位能理解一下“小北”哦。
一、基础组件
小程序UI组件库是基于“WeUI”闭源的组件库,是一套同微信原生视觉体验一致的设计组件,只有遵循相应的设计规范,用户的视觉体验才会达到统一。
1.1 WeUI
WeUI是腾讯官方小程序设计规范的“小程序”版本,提供了与微信界面风格一致的用户体验。
1.2Thor UI
Thor UI组件库提供微信小程序设计模版,全部都在Extend标签中,主要包括新闻、聊天、商城、抽奖、轮播图、评分等。
1.3TaroUI
Taro UI组件库,主要包含基础、视图、操作反馈、表单、布局、导航以及高阶组件,每个对应组件的细节都较为全面。
1.4XviewUI
XviewUI组件库主要提供布局组件、基础组件、表单组件。目前,小程序内部元素组件不是很全面,但是单个组件的种类比较多,可供设计师、开发者选择。
二、布局组件
微信小程序中常常会有一些通用的布局模块,这些模块可能会在多个页面中使用,主要起布局作用。比如:图标、标签、按钮等。
2.1ColorUI
ColorUI组件库是一个CSS类的UI组件库,不是Js框架。相比于同类小程序,Color UI更注重于视觉交互,主要包含基础元素、交互组件、插件扩展,是目前较为美观全面的小程序UI组件库。
2.2 View UI(原名iView UI)
View UI是Talking Data发布的一款高质量基于Vue.js的UI组件库,该平台有专业版、开发者社区、GitHub、码云等,且iView小程序版本的UI组件种类比较丰富。
2.3YuUI
Yu UI组件库是一个交流平台,为设计师、开发者提供布局组件、拓展栏目的同时,还为用户提供一个互动交流的平台。
2.4AntUI(支付宝小程序)
AntUI组件库是支付宝小程序的通用组件库,是一种全新的开放模式,是手机应用嵌入支付宝客服端的一种方式,与微信小程序类似,有自身平台自定义组件的设计规范。
2.5 YD UI(原名:Uniyd UI)
YDUI组件库是一款能快速帮助开发者构建移动端的小程序UI组件。目前,只有基础元素和交互组件,未知组件还处于开发中。
三、前端组件
随着Web技术的不断发展,微信小程序开发者一般都常用Vue、Element UI写项目,并制作一些通用的小组件,将其上传到GitHub库上,可以让开发者长期使用原生通用组件。
3.1 HelloUni UI
HelloUniUI组件库为开发者提供相应的小程序组件代码,开发者可以直接利用原生代码,降低开发成本和难度。
3.2MinUI
Min UI覆盖微信小程序原生框架和主流框架,是“蘑菇街”Web团队基于微信小程序自定义组件特性而开发的一套平台规范UI组件库。
3.3BeeUI
Bee UI是基于Min Cli而开发的小程序组件库,Min Dev还支持引入npm包、多文件监听、全局模版、全局变量等开发能力。
END
6 thoughts on “微信小程序 | UI组件库合集”
写得非常生动。感谢 心情。 城市綠洲 令人愉快的 旅游资源, 不要停下 保持热情。真心感谢!
所有文章都令人印象深刻。感谢 独创性。 藝術家故居 我非常喜欢 旅游门户。酷阅读游记。
我总是关注 你的旅行博客。有帮助 阅读这样的内容。 花園迷宮 你的博客让人一口气读完。谢谢 真情。
我经常阅读 旅行页面。增长见识阅读建议。 海岛孤悬 我经常访问 旅游门户。鼓舞人心学习旅行小技巧。
温暖的 帖子! 超棒的情绪。 城市綠地 阅读你的博客, 我明白, 各国更亲近。万分感谢 旅行灵感。
我喜欢, 写得很实在。这个页面 就是 正是这样的。请继续。 庫爾—謝里夫清真寺 阅读你的博客, 我看出, 世界很美。感谢 带来的感觉。