SuperAPI AI 工具集

tdesign-miniprogram

设计与创作

查看项目

更新于 10-16 06:21

技能介绍

用途:该技能用于在微信小程序开发中使用腾讯 TDesign 组件库,按 TDesign 设计规范搭建界面,涵盖基础、导航、输入、数据展示、反馈及 AI 聊天等组件。

主要能力:提供 60+ 高质量组件,含 Button、Input、Dialog、Form、Table、Tabs 等,并支持暗色模式、主题定制与样式定制;另含 ChatList、ChatMessage、ChatSender、ChatMarkdown 等 AI 聊天组件,可用于构建 AI 对话界面。

使用方式:安装命令为 npm i tdesign-miniprogram -S --production。需从 app.json 移除 "style": "v2";在 project.config.json 的 setting 中加入 packNpmManually 与 packNpmRelationList 配置;TypeScript 项目需在 tsconfig.json 配置 paths 指向 miniprogram_npm/tdesign-miniprogram/*。随后在微信开发者工具中执行“工具 - 构建 npm”,并勾选 Compile JS to ES5。组件在页面或组件 JSON 的 usingComponents 中引入,例如 "t-button": "tdesign-miniprogram/button/button",再在 WXML 中使用。

适用场景:开发采用 TDesign 的微信小程序、实现 TDesign 设计规范界面、配置主题与样式、构建 AI 聊天界面、适配暗色模式。

限制:最低基础库版本 ^2.12.0;必须构建 npm;需移除 app.json 中的 "style": "v2";暗色模式需在 app.json 开启 darkmode 并引入设计变量样式文件。其余收费、价格与平台信息暂未提供。