Vue MIT

tdesign-miniprogram

Wechat MiniProgram and Uniapp UI components lib for TDesign

T

Tencent

Dernière activité 29 sept. 2026
Tencent/tdesign-miniprogram

1,8 k

étoiles

340

forks

185

issues ouvertes

miniprogramtdesignuniappwechat

Ce README est souvent en anglais.

TDesign Logo

License Version Downloads Downloads Ask DeepWiki

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 目录添加进去就可以预览示例了。

⚠️ 为保证 _example 示例小程序的正常运行,请使用已开通「微信同声传译」插件使用权限的小程序 AppID,若无法使用该插件,请在 app.json 文件中移除 plugins 配置,以免小程序无法正常运行。

基础库版本

最低基础库版本^2.6.5

贡献成员

Contribution Leaderboard

反馈

有任何问题,建议通过 Github issues 反馈或扫码加入用户微信群。


微信小程序

Uniapp

开源协议

TDesign 遵循 MIT 协议。

Projets similaires

轻量、可靠的小程序 UI 组件库

JavaScriptminiprogramuivant
Yyouzan
18,5 k étoiles3,5 k

小程序WeUI组件库

TypeScript
Wwechat-miniprogram
2,4 k étoiles549

A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.

HTMLmobile-webstylewechat
TTencent
27,4 k étoiles6,3 k