SuperAPI AI 工具集

ant-design-mini

设计与创作

查看项目

更新于 10-15 21:47

技能介绍

用途:为支付宝小程序和微信小程序提供遵循 Ant Design 设计语言的 UI 组件库,本技能用于指导安装、配置与使用。

主要能力:覆盖表单组件(Button、Input、Form)、数据展示组件(List、Card)、反馈组件(Toast、Modal)、导航组件(Tabs、NavBar),以及 Picker、DatePicker、Switch、Checkbox、Radio、Stepper、Avatar、Badge、Tag、Empty、Loading、Popup、ActionSheet 等;支持主题定制与 i18n 国际化。

使用方式:通过 npm install antd-mini、yarn add antd-mini 或 pnpm add antd-mini 安装;在 app.json 或 page.json 中注册组件,例如 "ant-button": "antd-mini/es/Button/index";在页面中使用小程序语法,支付宝用 axml、事件用 onTap,微信用 wxml、事件用 bindtap。技能按官方文档结构组织,包含 examples/(快速开始与各组件示例)、api/(组件 API、Props 与事件)、templates/(安装与组件用法模板),可按主题加载对应文件。

适用场景:小程序项目搭建、组件选型与调用、样式定制、事件处理、API 查询与问题排查。

限制:仅适用于支付宝与微信小程序;具体组件属性、事件与主题变量细节需查阅官方文档,本资料未提供完整 API 参数与版本兼容信息。