微信小程序开发中，页面写作所占比例较高。建议熟悉html和css的学生直接使用html + css。那些不熟悉的人可以使用以下任何UI框架，就像在修复小程序中一样，我们没有什么用。

让我总结一下市场上几种常用的UI框架，并提供我使用它们的经验作为参考。

1、 WeUI

WeUI是一组基本样式库，与微信的原生视觉体验一致。它是由官方的微信设计团队设计的，用于微信Web开发，可以使用户的使用感受更加统一。包含各种元素，例如单元格、、、和图标。地址：// weui效果：开发文档参考：// weui / wiki

使用经验：

WeUI易于使用，样式是微信的本地样式，以绿色为主要颜色，与1. x版本相比，主要有1. x版本和2. x版本两个大版本，2. x版本在视觉上更好。

使用WeUI的第一个问题是，文档不是很详细。您在访问weui.io时可以看到效果图。没有与直观显示效果相对应的代码。从开发的角度来看，文档不够直接，使用起来也不是很方便。

使用WeUI时的第二个问题是：样式与视觉体验一致。在开发中，我们需要更丰富漂亮的UI效果，还需要修改WeUI的样式或自定义CSS。

2、（在项目中使用）

是由一组高质量的 UI组件库发布的组件库。地址：//-开发文档：/ docs //

使用经验：

1、优点：提供了大量的UI组件，尤其是Tabs，抽屉和索引，使用起来更加方便。

2、缺点：页面样式相对固定，很难修改。输入框通常无法在模拟器下输入，这给应用程序调试带来了麻烦。

3、

明亮和高度饱和的颜色，着重于视觉的小型程序组件库地址：//开发文档参考（编辑）：

使用经验：

1、优点：视觉效果很漂亮，请注意，他可以将样式沉浸在手机顶部，这非常好，其他组件也非常好。您可以直接修改或覆盖自己的需求。 css样式。

2、缺点：缺乏文档，许多新手无法入门。在扫描代码预览期间，最近的广告有点频繁，这会影响其使用，并且开发人员也想支付一点点费用。每个人都知道，如果您愿意微信小程序开发美工，可以通过广告来支持开发人员。

4、放气

Vant是移动组件库Vant的一个小程序版本。两者均基于相同的视觉规范，并提供一致的API接口，以帮助开发人员快速构建小型程序应用程序。地址：// vant-文档参考：.. io / vant-/＃/

使用经验：

1、优点：视觉效果简单明了，提供了日常开发中使用的组件，文档非常详细。

2、缺点：与其他UI框架相比，该阈值更高。需要vue的开发人员是必需的，并且不支持本机开发。由于我对vue不太熟悉，因此不建议使用它。我对vue的推荐用法更为熟悉。

5、

Taro UI是由 Lab创建并基于Taro的多终端UI组件库。除了美观之外，Taro UI的最大亮点是它对多终端操作的支持。借助Taro对多终端操作的支持，Taro UI只需要解决CSS在不同平台上的性能差异问题，就可以在微信小程序/ H5 /和其他多终端上运行。

正式地址：/＃/

1、优点：Taro UI可以描述为功能强大，并且可以开发一组代码在多个终端上运行，例如微信小程序/ H5 /百度小程序。

2、缺点：进入壁垒很高，不适合新手和开发人员。相对而言，用户数量不够大，并且难以对开发中的问题进行故障排除。仅用于微信小程序的开发。它太小了，所以要使用屠宰刀！

摘要：

对于上述五个框架，对于新手而言，可以使用前四个框架，而后一个框架可以用于扩展理解。对于具有css基础的学生，根据自己的风格编写css更加灵活。

过去的文章：

用于校园修复应用程序的开源+微信小程序系统

程序后台源代码的安装和部署（微信修复报告小程序源代码说明一）

启动程序的使用和路由（微信修复报告小程序源代码说明二）

使用拦截器和（微信报告修复小程序源代码说明三）

数据库添加，删除和修改检查（微信报告修复小程序源代码说明四）

使用蓝图和（微信修复报告小程序源代码说明五）

微信小程序授权登录和用户信息存储的详细说明（微信修复报告小程序源代码说明六）

和后台api接口之间的数据交互的详细说明（解释了微信修复应用程序的源代码七）

教您如何完成微信小程序的用户信息绑定（微信小程序源代码说明八）

欢迎与我交流！