<img alt="TDesign Logo" width="200" src="https://tdesign.gtimg.com/site/TDesign.png">
<img src="https://img.shields.io/npm/l/tdesign-miniprogram.svg?sanitize=true" alt="License">
<img src="https://img.shields.io/npm/v/tdesign-miniprogram.svg?sanitize=true" alt="Version">
<img src="https://img.shields.io/npm/dw/tdesign-miniprogram" alt="Downloads">
TDesign 适配微信小程序的组件库。
预览
小程序组件示例小程序,请使用微信扫码预览 ↓
安装
使用 NPM
小程序已经支持使用 NPM 安装第三方包。具体使用方式,可以参考小程序官网文档: 《NPM 支持》
npm i tdesign-miniprogram -S --production
建议使用 NPM,不再推荐“源码拷贝的方式”
使用组件
以按钮组件为例,只需要在JSON
文件中引入按钮对应的自定义组件即可{
"usingComponents": {
"t-button": "tdesign-miniprogram/button/button"
}
}
在开发者工具中预览
# 安装项目依赖
npm install
# 执行组件编译
npm run dev
打开微信开发者工具,把
_example
目录添加进去就可以预览示例了。基础库版本
最低基础库版本^2.6.5