开源小程序(移动端)组件库

1,507 阅读2分钟

这是我参与更文挑战的第8天,活动详情查看:更文挑战

最近在整理之前做过的小程序项目的时候,突然想起有很多UI框架都挺好看且挺好用,特此分享给有需要的人~~

WeUI

特点:微信官方出品组件库、简约大方

微信官方的组件库,组件类型偏少但是简约大方。

GitHub 地址:github.com/Tencent/weu…

官网:weui.io/

image.png

ColorUI组件库

特点:侧重于视觉交互,色彩鲜亮,样式繁多。

ColorUI效果比较炫酷,色彩如图,亮色系偏多,常见的页面元素:时间轴、步骤条、聊天页、模态窗口等。

GitHub 地址:github.com/weilanwl/Co…

image.png

它的轮播图也比较好看:

colorUI.gif

Vant组件库(电商类)

特点:适用于制作电商、餐饮、外卖平台、票务预订等购物类小程序

开发文档:youzan.github.io/vant-weapp/…

GitHub 地址:github.com/youzan/vant…

image.png

MinUI(社区类)

特点:更注重细节的处理 MinUI是蘑菇街前端开发团队的产品。

【文本截断】可以控制长文本的显示行数

【页底提示】、【价格】

【异常流展示】异常状态下,向用户展示的页面

【遮罩层】各种效果的遮罩层

开发文档:meili.github.io/min/docs/mi…

GitHub 地址:github.com/meili/min-c…

image.png

Taro UI(工具类)

特点:多端UI组件库:可以在H5、微信小程序、支付宝小程序、百度小程序多端适配运行。

适合工具、读书、资讯、教育、商务等类型的小程序。

开发文档:taro-ui.aotu.io/#/docs/intr…

GitHub 地址:github.com/NervJS/taro…

image.png

WuxUI(工具类)

特点:组件丰富,适合开发工具类小程序。

开发文档:wux-weapp.github.io/wux-weapp-d…

GitHub 地址:github.com/wux-weapp/w…

image.png

这是我整理的几个常用的UI组件库,进行了业务方向的分类,在需要用的时候直接按照特点使用就好啦! 至于组件库的使用方法,文档上都有说明,可以进行查阅。