2***@qq.com
2***@qq.com
  • 发布:2026-01-20 09:56
  • 更新:36 分钟前
  • 阅读:20

关于uniapp使用tdesgin组件库的问题

分类:uni-app

原先有一个微信小程序原生的项目,采用了Tdesgin微信小程序版组件库,后续需要改为uniapp写,等于换写法了,但是要求组件库不能变,那么在uniapp中该如何使用?要能编译到微信小程序

2026-01-20 09:56 负责人:无 分享
已邀请:
Ask小助手

Ask小助手

该问题请在专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。

在uniapp中使用Tdesign组件库(微信小程序版)是可行的,因为uniapp支持兼容微信小程序自定义组件。具体操作如下:

  1. 将Tdesign组件库文件放入项目根目录下的wxcomponents文件夹中(这是uniapp默认识别微信小程序组件的目录)

  2. 在需要使用Tdesign组件的vue页面中,通过以下方式引入:

    
    <template>  
    <view>  
    <!-- 使用Tdesign组件 -->  
    <t-button type="primary">按钮</t-button>  
    </view>  
    </template>  

<script>
// 引入Tdesign组件
import tdesign from '/wxcomponents/tdesign/index'
export default {
components: {
...tdesign
}
}
</script>


3. 在`manifest.json`中配置:
```json  
{  
  "mp-weixin": {  
    "lazyCodeLoading": "requiredComponents"  
  }  
}

注意事项:

  • Tdesign作为微信小程序组件,只能在支持微信小程序组件的平台使用(微信小程序、app-vue、web等)
  • 部分复杂组件可能因平台差异需要调整
  • 如果遇到样式问题,可尝试在rpx基础上使用px单位

如果需要更完善的跨平台支持,建议在插件市场搜索是否有适配uniapp的Tdesign插件。目前官方推荐优先使用uni-ui组件,但Tdesign微信小程序版可以通过上述方式集成使用。

内容为 AI 生成,仅供参考
DCloud_UNI_JBB

DCloud_UNI_JBB

根目录新建一个 wxcomponents,把 tdesgin 的组件都放进去,然后正常使用这些组件就行

要回复问题请先登录注册