TDesign 适配微信小程序的组件库。

预览

小程序组件示例小程序，请使用微信扫码预览 ↓

安装

使用 NPM

小程序已经支持使用 NPM 安装第三方包，详见 NPM 支持

npm i tdesign-miniprogram -S --production

通过 Git Clone

克隆到 TDesign-miniprogram 的源代码之后，需要执行 npm run build 进行构建

然后将 miniprogram_dist 目录拷贝到自己的项目中

git clone git@github.com:Tencent/tdesign-miniprogram.git

使用组件

以按钮组件为例，只需要在 JSON 文件中引入按钮对应的自定义组件即可

{
  "usingComponents": {
    "t-button": "/path/to/tdesign-miniprogram/dist/button/index"
  }
}

在开发者工具中预览

# 安装项目依赖
npm install

# 执行组件编译
npm run dev

打开微信开发者工具，把 _example 目录添加进去就可以预览示例了。

基础库版本

最低基础库版本^2.6.1

其他技术栈实现

• 桌面端 Vue 2 实现： web-react
• 桌面端 Vue 3 实现：web-vue-next
• 桌面端 React 实现： web-react

开源协议

TDesign 遵循 MIT 协议。