TDesign 适配微信小程序的组件库。
预览
小程序组件示例小程序,请使用微信扫码预览 ↓
安装
使用 NPM
小程序已经支持使用 NPM 安装第三方包,详见 NPM 支持
npm i tdesign-miniprogram -S --production
通过 Git Clone
克隆到源代码之后,将 tdesign-miniprogram
目录拷贝到自己的项目中
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.5
其他技术栈实现
- 桌面端 Vue 2 实现:web-vue
- 桌面端 Vue 3 实现:web-vue-next
- 桌面端 React 实现:web-react
开源协议
TDesign 遵循 MIT 协议。