微信mini UI框架有哪些？你可以学习这9个

推荐9个优秀的小程序UI框架，建议收藏！ 1 具有许多其他功能。

特点：

1。组件插件

添加了30多个常用组件来补充官方组件。 ？ 4文件方式改为1文件方式，由有Web开发经验的VSCode编辑器+插件开发；

4。小程序转换成H5应用

可以转换成H5开发框架的TouchUI项目，发布为webApp。开发一组代码并运行两组应用程序。

2.lin-ui

https://github.com/TaleLin/lin-ui

一个简单易用、灵活的微信小程序组件库。

• 原生小编程语言编写，使用npm安装
• 满足所有应用场景，还提供电商主题组件支持
• LinUI可用于Taro、mpvue、mpvue WePY等第三方框架
• LinUI 并不是通常意义上的组件库。我们还有过滤器、行为等高级功能，满足开发者的独特需求
• 无需改变风格即可构建漂亮的小程序
• 林中风官方提供专业详细的文档，帮助您入门LinUI快速

3。 WeUI

https://github.com/Tencent/weui-wxss

WeUI WXSS 是腾讯官方用户界面组件库 WeUI 的小软件版本，为微信提供了一致的用户体验。

可以直接在https://weui.io/

看到UI效果

WeUI简单易用，微信原创风格，绿色主色调，主要有两个版本，版本.版本1.x和版本2.x，相比版本1.x，版本2.x视觉效果更好。

风格与微信视觉体验一致。开发过程中，我们需要更丰富、更漂亮的UI效果，需要修改WeUI样式或者自定义css。

4.iview weapp

https://github.com/TalkingData/iview-weapp

iView是TalkingData发布的一个基于Vue.js的高质量组件库，iView weapp是他们的小程序。版本。

官网地址：iView Weapp - 一套优质的微信小程序UI组件库

优点：提供了丰富的UI组件，特别是tab bar、tabs、boxes和index，使用起来更加方便。

缺点：页面样式比较固定，编辑困难。模拟器下的输入框经常无法输入，这给调试应用程序带来了困难。

5.ColorUI

https://github.com/weilanwl/ColorUI

明亮、高饱和度的颜色，专注于视觉的小型程序组件库。

ColorUI是一个Css类型的用户界面组件库！不是Js框架。相比同类widget库，ColorUI更注重视觉交互！

它的组件非常美观。

开发文档参考（正在编辑中）：https://www.color-ui.com

优点：视觉效果漂亮，关注一下，他可以把样式嵌入到手机顶部，这很好，同时其他组件也很好。您可以根据自己的需要直接修改或覆盖其css样式。

缺点：缺乏文档，很多新人无缘入手。扫码预览时，最近经常出现广告，影响使用。开发商也想多付一点钱。大家都明白，如果你喜欢，可以通过广告来支持开发者。开源并不容易。

6.Vant Weapp

https://github.com/youzan/vant-weapp

Vant Weapp是有赞移动组件库Vant的小程序版本。两者基于相同的视觉规范，并提供一致的API，使开发人员能够快速构建小型软件应用程序。

开发文档参考：https://youzan.github.io/vant-weapp/#/intro

优点：视觉效果简单明了，包含了日常开发使用的组件，文档也有非常详细。

缺点：门槛比其他UI框架高，需要懂vue的开发人员，不支持原生开发。像我这样对vue不太熟悉的人不建议使用。推荐给了解vue的人。

7.TaroUI

NervJS/taro-ui

TaroUI 是 JD.Above Lab 发布的多终端用户界面组件库。这些组件库可以定制并在H5、微信小程序、支付宝小程序、百度小程序等多个终端使用。 TaroUI的总体风格简洁、清新、统一，适合工具、阅读、资讯、教育、商务等小程序。

开发文档：https://taro-ui.aotu.io/#/docs/introduction

除了上面提到的组件之外，TaroUI还有几个特殊的组件。该表单有一个“范围选择器”，允许您使用滑块指定值的范围。在“高级组件”中可以显示“日历”，并支持多种日期选择样式。

8 优点：Taro界面神通广大，功能多样。代码集开发可适配多终端，如微信小程序/H5/百度小程序。

缺点：进入门槛高，不适合新开发者。相对而言，使用的人还不够多，导致开发过程中出现问题很难排查。仅用于开发微信小部件。它的资格过高并且被过度使用。杀鸡不一定要用屠刀！

8.WuxUI

这个组件库包含的组件最丰富。除了我们上面提到的各种组件外，无锡还包括进度环、框架屏幕、过滤栏、数字键盘、结果页面等实用组件。如果你想开发一个工具类应用程序，Wux是一个不错的选择。

开发文档：https://wux-weapp.github.io/wux-weapp-docs/#/introduce

9.MinUI

email/min-cli

MinUI组件已发布由图书馆。与其他组件库不同，MinUI 更注重一​​些细节的处理。

开发文档：https://meili.github.io/min/docs/minui/index.html#README

调用“基础组件”中的“文本截断”来控制显示的长文本行数。 ，如果文本太长，以省略号结束。 “底部提示”可以在引体向上加载期间使用。 “价格”提供不同的价格和货币符号。

与其他组件库相比，MinUI 将不同的组件划分得更细。当实际使用时，开发者必须更多地组合不同的组件，但这也使得 MinUI 更加通用。