支付宝小程序官方UI组件库已经开始支持在微信小程序上运行，如果你想针对这两个小程序平台进行开发，这套组件非常适合。

Ant Mini，又名 antd-mini，是运行在支付宝小程序上的 UI 组件库，UI 设计遵循 Ant 规范，目前已正式加入 Ant 生态，成为官方 UI 组件库。

作为遵循 Ant 设计规范的组件库，Ant Mini 的 Logo 沿用了 Ant 系列 Logo 的基本几何造型，设计灵感来源于小程序英文单词“Mini”首字母“M”的变形，实现了与 Ant 一致的视觉效果。我个人非常喜欢这个 Logo。

1. npm 安装

Ant Mini 是运行在支付宝小程序里的组件库，安装非常简单：

2. 打开

从2.11.0版本开始需要开启，开启后自定义组件将使用新的生命周期运行方式，开启方法：在支付宝小程序IDE中详情>项目配置中勾选开启编译。

3.在页面json文件中引入组件4.在axml文件中使用

更详细的组件使用方法可以参考官网文档，非常简单，有 Vue.js 或者微信小程序基础的话，直接使用就可以。

蚂蚁 Mini 目前有 30 多个常用基础组件，包括导航、引导、信息展示、信息录入、反馈等。这些组件源自蚂蚁集团旗下的支付宝、网商银行等多个移动业务产品。经过设计师的升级改造，不仅符合蚂蚁的设计规范，还能满足大部分开发需求。如果我们的业务需要上线支付宝，蚂蚁 Mini 在风格和操作体验上与支付宝非常相似，是一个不错的选择。

开发过支付宝小程序产品的人可能知道，很多小程序其实都是功能性的，大多都是满足当前业务中的某个模块，所以组件的实用性非常强。

其实我去年就了解过蚂蚁 Mini，但由于国内各个小程序都有自己的一套规范，这套组件一直支持在支付宝小程序上运行，适用范围比较有限，所以一直没推荐给大家。不过从上个月开始，蚂蚁 Mini 开始适配微信小程序，也就是说这套组件可以运行在微信小程序上。我们甚至可以用 uni-app 用蚂蚁 Mini 写一套代码，同时发布到支付宝和微信小程序上，大大增加了它的实用性。

防范措施

需要注意的是，微信版蚂蚁Mini还未适配所有组件，处于内测阶段，商用还需要一段时间。另外，蚂蚁Mini可以在uni-app中使用，官网有配置方法，但这套组件并不是uni-app支持的跨端组件，无法一套代码就能编译到所有小程序平台，目前仅支持支付宝小程序。使用uni-app还支持使用uni-app的相关功能，提高开发效率。

蚂蚁Mini是支付宝小程序官方开发维护的小程序UI组件库，项目采用MIT开源协议，我们可以免费下载并在商业项目中自由使用。

原文链接：