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
仓库
TDesign 是一个 multi-repo， TDesign 有如下代码仓库：
桌面端组件库
| 仓库 | 描述 | 状态 |
|---|---|---|
| tdesign-vue | Vue 2.x 技术栈 | Beta |
| tdesign-vue-next | Vue 3.x 技术栈 | Alpha |
| tdesign-react | React 16.x 技术栈 | Alpha |
| tdesign-angular | 基于 Angular 10 实现 | 待上线 |
移动端组件库
| 仓库 | 描述 | 状态 |
|---|---|---|
| tdesign-miniprogram | 微信小程序 | Alpha |
| tdesign-mobile-vue | Vue 3.x 技术栈 | Alpha |
| tdesign-mobile-react | React 16.x 技术栈 | 待上线 |
| tdesign-flutter | 1.17.0 | 待上线 |
基础通用仓库
| 仓库 | 描述 |
|---|---|
| tdesign | TDesign 主仓库和文档 |
| tdesign-icons | TDesign 公共图标 |
| tdesign-common | TDesign 公共样式 |
解决方案及周边
| 仓库 | 描述 |
|---|---|
| tdesign-starter-cli | TDesign 解决方案的脚手架 |
| tdesign-vue-starter | 基于 tdesign-vue 的解决方案 |
| tdesign-vue-next-starter | 基于 tdesign-vue-next 的解决方案 |
| tdesign-react-starter | 基于 tdesign-react 的解决方案 |
| tdesign-miniprogram-starter-retail | 基于 tdesign-miniprogram 的零售行业解决方案 |
开源协议
TDesign 遵循 MIT 协议。