1.使用微信小程序的Terminal执行:
npm i tdesign-miniprogram -S --production
2.修改project.config.json
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./miniprogram/"
}
]
3.修改app.json,移除"style": "v2"
4.编译npm:微信开发者工具的Tools->构建npm文章来源:https://www.toymoban.com/news/detail-505222.html
5.在页面下的页面json中导入要使用的组件,在wxml中使用文章来源地址https://www.toymoban.com/news/detail-505222.html
{
"usingComponents": {
"t-button": "tdesign-miniprogram/button/button"
}
}
<t-button>按钮</t-button>
到了这里,关于微信小程序使用TDesign(TS版本)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!