tdesign

小林学习编程

TDesign了解及使用TDesign 是腾讯推出的设计系统，旨在提供一致的设计语言和视觉风格，帮助用户形成连续、统一的体验认知。

TDesign腾讯高保真Axure RP中后台交互模板及元件组件库TDesign腾讯Axure RP中后台交互模板部件及元件组件库素材基于腾讯TDesign素材库，进行二次创作，并非官网的免费静态版。具体内容，可以看右侧的预览按钮，确认内容。

微信小程序自定义navigationBar顶部导航栏(背景图片)适配所有机型，使用tdesign-miniprogram t-navbar设置背景图片一定要设置，不然页面会出现一个原生的导航栏，一个自定义的我这里使用tdesign-miniprogram t-navbar，t-navbar好像做了高度自适应，也可以看下一部分自己定义导航栏自适应的高度。下面是我集成的commonNav组件代码 wxml

TDesign组件库日常应用的一些注意事项二、t-select（下拉选择器）解决方法：通过控制台审查复选框样式，发现t-select选择器popup悬浮层默认最大宽度是1000px，最大高度是300px。官方提供了popupProps属性可以透传内部的悬浮层组件，此时可以配置popup的overlayInnerStyle属性，配置最大宽度和高度。

tdesign和vue的子组件关闭是，父组件执行方法在 <test-test> 组件中，定义一个事件来通知父组件关闭当前组件（或者是执行完某个方法例如add或edit方法finally里面 this.$emit('close');通知父组件的close方法）

TDesign环境搭建-后台模板的安装和使用-构建web管理端后台系统下载：nodejs注意，目前前端代码使用的vue3做为脚手架进行开发，需要强制依赖node版本为16及以上

不秃头的UI设计师

TDesign：腾讯企业级设计体系的UI组件库详解随着时代的快速发展，产品规模不断扩大，传统的研发模式已不能满足市场需求。如何在设计和研发工作中实现高效的协调已成为一个大问题。腾讯企业级设计系统TDesign大量开源，为产品体验设计提供了新的解决方案！

大美B端工场-B端系统美颜师

TDesign：腾讯的企业级前端框架，对标elementUI和ant-designelementUI和ant-design在前端开发者中有了很高知名度了，组件和资源十分丰富了。本文介绍腾讯的一款B端框架：TDesign

小程序多文件上传 Tdesign众所周知，小程序文件上传还是有点麻烦的，其实主要还是小程序对的接口有诸多的不便，比如说，文件不能批量提交，只能一个个的提交，小程序的上传需要专门的接口。普通的小程序的页面也比普通的HTML复杂很多

微信小程序在TS模板下引入TDesign组件TDesign 是腾讯官方出品的一款微信小程序组件库。本文介绍如何在新建ts空白模板下引入TDesign库

素心如月桠

tdesign的文件上传（微信小程序+idea的springboot）目录1. springboot后端1.1 FileController.java1.2 listener文件的ErpApplicationListener.java

素心如月桠

微信小程序与idea后端如何进行数据交互交互使用的其实就是调用的req.get('url')方法进行路径访问，你要先保证自己的springboot项目已经成功运行了：

vue2中实现 TDesign 树形懒加载之前我有写过Element ui的树形懒加载其主要是通过load函数来实现而TDesign也是照虎画猫他也是主要靠load

TDesign表单rules通过函数实现复杂逻辑验证输入内容Element ui 中我们可以通过validator 绑定函数来验证一些不在表单model中的值又或者处理一下比较复杂的判断逻辑 TDesign也有validator 但比较直观的说没有Element那么好用这里我们给validator绑定了我们自己的checkAge函数这个函数中只有一个参数 value 而且如果你的v-model绑定的值不在表单data绑定的对象中这个value拿到的会是undefined

TDesign在按钮上加入图标组件在实际开发中我们经常会遇到例如添加或者查询我们需要在按钮上加入图标的操作 TDesign自然也有预备这样的操作首先我们打开文档看到图标

小吴同学GOGOGO

微信小程序通过npm引入tdesign包进行构建的时候报错问题在通过npm 引入 tdesign时：https://tdesign.tencent.com/miniprogram/getting-started 通过微信小程序IDE进行npm构建的时候出现：无法构建，应该怎么办？

vue2.6及以下版本导入 TDesign UI组件库TDesign 官方文档:https://tdesign.tencent.com/vue/components/button 我们先打开一个普通的vue项目然后如果你是 vue 2.6 或者低于 2.6 在终端执行

低代码布道师

TDesign中后台管理系统-用户登录用户表的话我们设计两个字段，用户名和密码，建表语句如下后端我们使用express框架，把涉及到用户的接口单独拆分到user.js中。打开后端的工程，新建一个user.js文件因为需要给密码加密，我们引入一个加密的包，在Terminal里输入安装命令

低代码布道师

TDesign中后台管理系统-访问后端服务vs code打开我们创建的前端工程，找到.env.development文件将配置文件的URL修改为我们的后端地址