UI框架_TDesign

TDesign 企业级设计体系（前端UI组件库）

地址：https://tdesign.tencent.com

支持桌面端、移动端、小程序

温馨提示

目前组件库处于 Beta 阶段，快速迭代中，请留意版本变化

引入TDesign

使用 NPM

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

npm i tdesign-miniprogram -S --production
// 安装完之后，需要在微信开发者工具中对 npm 进行构建：工具 - 构建 npm

修改 app.json

将 app.json 中的 "style": "v2" 移除

因为该配置表示启用新版组件样式，将会导致 TDesign 的组件样式错乱

使用组件

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

xxxxxxxxxx
{
  "usingComponents": {
    "t-button": "tdesign-miniprogram/button/button"
  }
}

接着就可以在 wxml 中直接使用组件

xxxxxxxxxx
<t-button type="primary">按钮</t-button>

实时效果反馈

1. 微信小程序引入UI框架TDesign 是否可以与微信新版组件样式(v2)共存：

A 否

B 是

答案

1=>A