评论

微信小程序常用的UI组件库分析

微信小程序UI组件库

各框架官网地址

ColorUI

https://github.com/o0o52lin/ColorUI

WeUI

https://github.com/wechat-miniprogram/weui-miniprogram

Vant-weapp

https://youzan.github.io/vant-weapp/#/intro

Wux-weapp

https://wux-weapp.github.io/wux-weapp-docs/#/

taro-ui

https://taro-ui.jd.com/#/docs/introduction
https://taro-ui.jd.com/#/
一套基于 Taro 框架开发的多端 UI 组件库

框架介绍

ColorUI

简介
hi!开发者!ColorUI迎来了2.0的升级,相比之前的版本,2.0版本重构了基础代码,增加了更多的配色,这是一个全新的小程序UI解决方案。

ColorUI是一个Css类的UI组件库!不是一个Js框架。相比于同类小程序组件库,ColorUI更注重于视觉交互!

项目为个人开源项目,如果项目有帮到你,希望能支持下开发者。

使用
下载源码包可得到 Demo 和 Template 两个项目, Demo 包含所有组件源码。 Template 是一个已经引用了ColorUI的空白模板。Demo 即文档。在线文档 编写中…

WeUI

WeUI组件库简介
这是一套基于样式库weui-wxss开发的小程序扩展组件库,同微信原生视觉体验一致的UI组件库,由微信官方设计团队和小程序团队为微信小程序量身设计,令用户的使用感知更加统一。

项目背景
随着小程序的普及,微信也有很多内部小程序在开发,每个小程序都需要从零到1进行开发设计,而这个过程中,有大量的UI交互是重复的,另外,微信内部已经有一套H5版本的WeUI样式库。综合考虑,我们基于WeUI样式库开发了小程序版本的UI组件库,在内部多个小程序项目已经使用OK的情况下,我们把这套组件库开源让外部开发者也可以使用,欢迎大家Star以及提Issue。

快速上手
请参考快速上手

在线预览
扫描下方小程序码可以预览该组件库

Vant-weapp

介绍
Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。

预览
扫描下方小程序二维码,体验组件库示例:

Wux Weapp

Wux Weapp 是一套组件化、可复用、易扩展的微信小程序 UI 组件库。

特性
UI 样式可配置,拓展灵活,轻松适应不同的设计风格
80+ 丰富的组件,能够满足移动端开发的基本需求
版本

支持环境
v3.6.0+ 需要依赖小程序基础库 2.6.6 以上版本
v3.4.0 ~ v3.5.0 需要依赖小程序基础库 2.2.3 以上版本
v3.0.0 ~ v3.3.2 需要依赖小程序基础库 1.6.3 以上版本
预览
您可以扫描下方的小程序码体验。

logo

taro-ui

20191204补充
https://taro-ui.jd.com/#/
一套基于 Taro 框架开发的多端 UI 组件库

最后一次编辑于  1天前  
点赞 6
收藏
评论

1 个评论

  • 秋音
    秋音
    11-19
    不错的,有很多值得借鉴的地方
    11-19
    赞同
    回复 1
    • 小肥羊
      小肥羊
      11-19
      嗯嗯,我会继续总结下,慢慢完善吧,对的,好的UI可以参考,不是说非要引入。
      11-19
      回复