初衷[嘿哈] 61c089f001 12/21 vor 1 Jahr
..
miniprogram_dist 61c089f001 12/21 vor 1 Jahr
CHANGELOG.md 61c089f001 12/21 vor 1 Jahr
LICENSE e61fb86d27 11/25update vor 2 Jahren
README.md 61c089f001 12/21 vor 1 Jahr
package.json 61c089f001 12/21 vor 1 Jahr

README.md

TDesign Logo

License Version Downloads

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