Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Tencent/tdesign-miniprogram
A Wechat MiniProgram UI components lib for TDesign.
https://github.com/Tencent/tdesign-miniprogram
miniprogram tdesign wechat
Last synced: 3 months ago
JSON representation
A Wechat MiniProgram UI components lib for TDesign.
- Host: GitHub
- URL: https://github.com/Tencent/tdesign-miniprogram
- Owner: Tencent
- License: mit
- Created: 2021-12-16T07:46:47.000Z (almost 3 years ago)
- Default Branch: develop
- Last Pushed: 2024-04-28T06:29:18.000Z (6 months ago)
- Last Synced: 2024-04-28T07:51:03.102Z (6 months ago)
- Topics: miniprogram, tdesign, wechat
- Language: HTML
- Homepage: https://tdesign.tencent.com/miniprogram
- Size: 13.6 MB
- Stars: 1,070
- Watchers: 23
- Forks: 249
- Open Issues: 233
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
- awesome - Tencent/tdesign-miniprogram - A Wechat MiniProgram UI components lib for TDesign. (HTML)
README
[TDesign](https://github.com/Tencent/tdesign) 适配微信小程序的组件库。
## 预览
小程序组件示例小程序，请使用微信扫码预览 ↓
## 安装
### 使用 NPM
小程序已经支持使用 NPM 安装第三方包。
具体使用方式，可以参考小程序官网文档： [《NPM 支持》](https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html?search-key=npm)
```bash
npm i tdesign-miniprogram -S --production
```
> 建议使用 NPM，不再推荐“源码拷贝的方式”
## 使用组件
以按钮组件为例，只需要在 `JSON` 文件中引入按钮对应的自定义组件即可
```json
{
"usingComponents": {
"t-button": "tdesign-miniprogram/button/button"
}
}
```
## 在开发者工具中预览
```bash
# 安装项目依赖
npm install
# 执行组件编译
npm run dev
```
打开[微信开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)，把 `_example` 目录添加进去就可以预览示例了。
## 基础库版本
最低基础库版本`^2.6.5`
## 贡献成员
## 反馈
有任何问题，建议通过 [Github issues](https://github.com/Tencent/tdesign-miniprogram/issues) 反馈或扫码加入用户微信群。
## 开源协议
TDesign 遵循 [MIT 协议](https://github.com/Tencent/tdesign-miniprogram/LICENSE)。