微信小程序使用TDesign(TS版本)

小星博博

于 2022-12-28 12:03:29 发布

阅读量3.6k

点赞数

分类专栏：微信小程序文章标签：微信小程序 tdesign 前端

本文链接：https://blog.youkuaiyun.com/baidu_39105563/article/details/128466678

版权

微信小程序专栏收录该内容

1 篇文章

订阅专栏

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

5.在页面下的页面json中导入要使用的组件，在wxml中使用

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

<t-button>按钮</t-button>