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 协议。