这是我参与更文挑战的第8天,活动详情查看:更文挑战
最近在整理之前做过的小程序项目的时候,突然想起有很多UI框架都挺好看且挺好用,特此分享给有需要的人~~
WeUI
特点:微信官方出品组件库、简约大方
微信官方的组件库,组件类型偏少但是简约大方。
GitHub 地址:github.com/Tencent/weu…
官网:weui.io/
ColorUI组件库
特点:侧重于视觉交互,色彩鲜亮,样式繁多。
ColorUI效果比较炫酷,色彩如图,亮色系偏多,常见的页面元素:时间轴、步骤条、聊天页、模态窗口等。
GitHub 地址:github.com/weilanwl/Co…
它的轮播图也比较好看:
Vant组件库(电商类)
特点:适用于制作电商、餐饮、外卖平台、票务预订等购物类小程序
开发文档:youzan.github.io/vant-weapp/…
GitHub 地址:github.com/youzan/vant…
MinUI(社区类)
特点:更注重细节的处理 MinUI是蘑菇街前端开发团队的产品。
【文本截断】可以控制长文本的显示行数
【页底提示】、【价格】
【异常流展示】异常状态下,向用户展示的页面
【遮罩层】各种效果的遮罩层
开发文档:meili.github.io/min/docs/mi…
GitHub 地址:github.com/meili/min-c…
Taro UI(工具类)
特点:多端UI组件库:可以在H5、微信小程序、支付宝小程序、百度小程序多端适配运行。
适合工具、读书、资讯、教育、商务等类型的小程序。
开发文档:taro-ui.aotu.io/#/docs/intr…
GitHub 地址:github.com/NervJS/taro…
WuxUI(工具类)
特点:组件丰富,适合开发工具类小程序。
开发文档:wux-weapp.github.io/wux-weapp-d…
GitHub 地址:github.com/wux-weapp/w…
这是我整理的几个常用的UI组件库,进行了业务方向的分类,在需要用的时候直接按照特点使用就好啦! 至于组件库的使用方法,文档上都有说明,可以进行查阅。