首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

请问有没有tdesign + vue2 + qiankun的使用案例?

很高兴为您解答关于云计算领域的问题。

关于您的问题,我了解到有一些公司在使用 TDesign 组件库与 Vue2 框架结合使用,并且在项目中使用了微前端框架 Qiankun。以下是一些可能的使用案例:

  1. 腾讯云官网:腾讯云官网是腾讯云的官方网站,使用了 TDesign 组件库与 Vue2 框架进行开发,并且使用了微前端框架 Qiankun 进行项目的组织和部署。腾讯云官网提供了丰富的云计算产品和服务,包括云服务器、数据库、存储、大数据、人工智能、安全防护等等,并且提供了一些开发工具和解决方案,帮助用户更好地使用腾讯云的产品和服务。
  2. 腾讯音乐:腾讯音乐是腾讯公司旗下的音乐产品,使用了 TDesign 组件库与 Vue2 框架进行开发,并且使用了微前端框架 Qiankun 进行项目的组织和部署。腾讯音乐提供了丰富的音乐产品和服务,包括在线音乐、离线音乐、音乐搜索、音乐推荐等等,并且提供了一些开发工具和解决方案,帮助用户更好地使用腾讯音乐的产品和服务。
  3. 腾讯课堂:腾讯课堂是腾讯公司旗下的在线教育产品,使用了 TDesign 组件库与 Vue2 框架进行开发,并且使用了微前端框架 Qiankun 进行项目的组织和部署。腾讯课堂提供了丰富的在线教育产品和服务,包括在线课程、直播课程、录播课程、课程资源等等,并且提供了一些开发工具和解决方案,帮助用户更好地使用腾讯课堂的产品和服务。

以上是一些可能的使用案例,但是需要注意的是,由于 TDesign 组件库与 Vue2 框架和微前端框架 Qiankun 都是非常流行的技术栈,因此很多公司都可能会使用它们进行开发。因此,以上的案例仅仅是其中的一部分,并不能代表所有的使用案例。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

腾讯开源企业级设计体系 TDesign

从设计出发,TDesign 提供了完整设计语言、视觉风格指南和设计资源,以及基于 Vue2、Vue3、React (Vue3、React 目前仍在 Alpha 版本迭代中)等业界主流技术栈组件,帮助开发者可以快速开发桌面端...也正是这样开源协同背景,使得腾讯设计师和开发者们思考到:“有没有可能通过开源协同,解决过去腾讯内部团队分别维护设计体系,各设计体系之间质量参差不齐问题”。...已经支持了 Vue2、Vue3、React 和移动端小程序开发,其他技术栈如 Angular、Flutter 也有相应贡献团队正在开发。...对于不同企业产品品牌定制需求,TDesign 支持使用者对设计风格进行扩展,目前已经将设计样式梳理归纳为 Design Token,形成一套企业内部语义化设计规范,方便后续进行统一管理和使用扩展。...在主题配置方面,TDesign 提供了明亮和暗色两种模式,支持一键切换,提升用户使用体验。后续,TDesign 还会推出针对于不同垂直领域行业组件,覆盖更多业务范围。

39530

腾讯开源企业级设计体系 TDesign

从设计出发,TDesign 提供了完整设计语言、视觉风格指南和设计资源,以及基于 Vue2、Vue3、React (Vue3、React 目前仍在 Alpha 版本迭代中)等业界主流技术栈组件,帮助开发者可以快速开发桌面端...也正是这样开源协同背景,使得腾讯设计师和开发者们思考到:“有没有可能通过开源协同,解决过去腾讯内部团队分别维护设计体系,各设计体系之间质量参差不齐问题”。...TDesign 已经支持了 Vue2、Vue3、React 和移动端小程序开发,其他技术栈如 Angular、Flutter 也有相应贡献团队正在开发。...对于不同企业产品品牌定制需求,TDesign 支持使用者对设计风格进行扩展,目前已经将设计样式梳理归纳为 Design Token,形成一套企业内部语义化设计规范,方便后续进行统一管理和使用扩展。...感谢所有 TDesign 使用者和关心者,你们是 TDesign 启明灯,指引 TDesign 前进方向,TDesign 与大家共成长。 微信图片_20211222164358.png

1.6K161

腾讯开源企业级设计体系 TDesign

从设计出发,TDesign 提供了完整设计语言、视觉风格指南和设计资源,以及基于 Vue2、Vue3、React (Vue3、React 目前仍在 Alpha 版本迭代中)等业界主流技术栈组件,帮助开发者可以快速开发桌面端...也正是这样开源协同背景,使得腾讯设计师和开发者们思考到:“有没有可能通过开源协同,解决过去腾讯内部团队分别维护设计体系,各设计体系之间质量参差不齐问题”。...已经支持了 Vue2、Vue3、React 和移动端小程序开发,其他技术栈如 Angular、Flutter 也有相应贡献团队正在开发。...对于不同企业产品品牌定制需求,TDesign 支持使用者对设计风格进行扩展,目前已经将设计样式梳理归纳为 Design Token,形成一套企业内部语义化设计规范,方便后续进行统一管理和使用扩展。...感谢所有 TDesign 使用者和关心者,你们是 TDesign 启明灯,指引 TDesign 前进方向,TDesign 与大家共成长。 图为 TDesign 贡献者们 -END-

3.5K70

(字节华为美团)前端面经记录冷冷清清金三银四

vue2 通过使用@vue/composition-api方式使用新特性。...当时为什么没有走校招 去年换工作时候收到offer和选择 有没有收到其他公司offer,有没有什么倾向性 选择工作有什么着重点 华为OD(成都) 机试题 输入一个正整数,输出他两个素数因子,如没有输出...微前端技术方案是怎么确定有没有遇到什么问题,样式隔离,数据管理,路由冲突 是主要由我决定。采用qiankun原因,一是方案成熟,文档健全,社区案例多。...为什么使用Monorepo组织代码仓库 我们这个库,设计上就是要能够支持vue2、vue3两个版本,以及不同业务需要 采用Monorepo组织代码仓库,方便管理维护不同功能包、既做到了独立发布,又能在项目中统一维护...二是我个人之前有一定知识储备,使用qiankun能够容易落地 如何寻找到两个dom节点最近公共父节点 通过从下向上递归,并将父节点储存,比较 美团二面感觉面的不是很好二面之后就没有后续了

89430

腾讯开源企业级设计体系 TDesign

从设计出发,TDesign 提供了完整设计语言、视觉风格指南和设计资源,以及基于 Vue2、Vue3、React (Vue3、React 目前仍在 Alpha 版本迭代中)等业界主流技术栈组件,帮助开发者可以快速开发桌面端...也正是这样开源协同背景,使得腾讯设计师和开发者们思考到:“有没有可能通过开源协同,解决过去腾讯内部团队分别维护设计体系,各设计体系之间质量参差不齐问题”。...已经支持了 Vue2、Vue3、React 和移动端小程序开发,其他技术栈如 Angular、Flutter 也有相应贡献团队正在开发。...对于不同企业产品品牌定制需求,TDesign 支持使用者对设计风格进行扩展,目前已经将设计样式梳理归纳为 Design Token,形成一套企业内部语义化设计规范,方便后续进行统一管理和使用扩展。...感谢所有 TDesign 使用者和关心者,你们是 TDesign 启明灯,指引 TDesign 前进方向,TDesign 与大家共成长。 图为 TDesign 贡献者们

66550

新手系列 I 如何使用 TDesign 轻松开发项目,秘诀都在这里

快速开始使用 TDesign 大概有两类场景:一个是全新项目使用 TDesign ;二个是在已有项目环境中引入 TDesign。...如果是全新业务项目使用 TDesign,可以使用官网提供 tdesign-starter 快速创建完整项目,包含完整登录、请求、路由、页面布局、暗黑模式等内容,以及列表页、表单页、图表页、订单页...如:Vue2 使用过程中,大家反馈很多一个问题是使用某些组件时遇到 vue.runtime.esm.js:4605 [Vue warn]: inject() can only be used inside...FAQ 中有这类典型问题描述。React 快速开始Vue2 快速开发Vue3 快速开始主题生成不同业务可能会有不同主题要求,TDesign 默认主题配置无法满足所有业务场景。...基于 Vue2/Vue3 开发项目,且使用编辑器是 VSCode 需要重点关注下。代码提示有:组件代码高亮、组件名提示、组件属性提示等。

2.2K40

TDesign 更新周报(2022年1月第1周)

组件库 *** Vue2 for Web 发布 tdesign-vue@0.33.0 Input 样式调整,存在 ⚠️ breaking change,支持左侧、右侧文本配置能力 优化 Popup 及相关...Web 发布 tdesign-vue-next@0.6.3 Cascader 支持全路径选择器,Input 增加左右文本支持,添加全局配置 API,Steps 增加 readonly 配置,Radio...React for Web 发布 tdesign-react@0.22.0 重命名 Layout.Sider 组件为 Layout.Aside 改动 AvatarGroup 使用方式为 Avatar.Group...1.0.1 优化组件实现方式,用 Axure 原生组件重新绘制了按钮、表单、list、标签等模块 将文本样式内嵌到组件库中,可以快速调用 根据最新视觉样式调整了颜色、图标、布局、导航等模块 根据用户使用场景调整了组件库整体结构和分组...解决版本兼容性问题 解决方案及周边 *** TDesign Starter CLI 发布 0.0.5 替换镜像源,处理部分国内用户使用问题 TDesign Starter Vue2 发布 0.1.0

83540

TDesign React Starter 发布

简介 随着 TDesign 对外开源,此前,TDesign 中后台解决方案 - TDesign Starter 已发布了 vue2、vue3 技术栈版本。...在上周,团队发布了基于 React 技术栈 TDesign Starter ,至此,TDesign Starter 已全面支持 Vue2、Vue3、React。...TDesign React Starter 是基于 TDesign React 组件库一套中后台模板,提供了丰富、完整组件示例,在参考社区最佳实践,并结合我们业务模式基础上,最终提炼出了一套开箱即用解决方案...Edge >= 84;Firefox >= 83;Chrome >= 84;Safari >= 14.1 后续计划 国际化和语言包 无障碍访问 完善单元测试 增加更多组件示例 跟进社区最佳实践 欢迎你使用...了解如何参与TDesign 共建:https://tdesign.tencent.com/about/contributing

58150

TDesign 更新周报(2022年4月第1周)

组件库 *** Vue2 for Web 发布 0.40.1 版 Bug Fixes Table: 修复本地数据排序,异步加载数据时分页失效问题 详情见:https://github.com/Tencent.../tdesign-vue/releases/tag/0.40.1 Vue2 for Web 发布 0.40.0 版 ⚠️BREAKING CHANGES Table: 表格行列拖拽排序功能重构,新用法请参考官网...详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.40.0 Vue2 for Web 发布 0.39.1 版 Bug Fixes Upload.../releases/tag/0.39.1 Vue2 for Web 发布 0.39.0 版 ⚠️BREAKING CHANGES Table 组件使用 composition-api 重构 BaseTable...改变 children 宽度无效 table 组件使用 PrimaryTable 控制台报错 t-primary-table 未注册 表格组件设置 height 或 maxHeight 后未出现滚动条时候竖线不对齐

2.3K20

TDesign 更新周报(2022 年 3 月第 4 周)

组件库 ---- Vue2 for Web 发布 0.38.0 版 ⚠️BREAKING CHANGES Input/Textarea: Input 外部传入样式挂载至 t-input__wrap 层级.../tag/0.38.0 Vue2 for Web 发布 0.38.1 版 Bug Fixes SelectInput: 实现 enter 事件 Features SelectInput: 修复单选可输入状态下..., 请参照官网使用 Input: 增加 inputClass , 挂载 class 到 t-input Checkbox: 使用 compositionAPI 重构 详情见:https://github.com...t-input__wrap, 如需挂载到 t-input,请使用 inputClass api Bug Fixes Select: Option 子组件配合自定义 keys 使用异常 Selectinput...: 修复 Form 无法获取值问题 Feature 增加点击态 Grid Tabbar Upload: 使用 t-image 封装,并支持 image-props 用于属性透传 详情见:https:/

89130

TDesign 更新周报(2022年1月第3周)

组件库 ---- Vue2 for Web 发布 tdesign-vue@0.33.2 新增 Skeleton 骨架屏组件 Form 修复无法重置自定义校验消息问题;修正校验规则判断逻辑 修复相关组件不支持...ssr 渲染问题 修复 Table 表格行列合并及展开实现问题 详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.33.2 Vue3...插槽 Table: 新增懒加载、虚拟滚动特性 修复相关组件不支持 ssr 渲染问题 详情见:https://github.com/Tencent/tdesign-vue-next/releases/...Popconfirm 使用正确 icon Axure for Web 发布了1.0.2版本 新增了用户手册;详情见:TDesign_Axure_Library 使用手册 新增典型页面模版 其他元件细节调整...解决方案及周边 ---- TDesign Starter CLI 发布0.0.6版本 调整镜像,修复部分用户通过CLI下载项目失败问题 更多更新查看:https://github.com/Tencent

30010

TDesign 更新周报(2022年2月第2周)

组件库 Vue2 for Web 发布 0.35.0 版 Menu: 移除冗余事件 onCollapsed,存在不兼容更新 Table: 支持使用 columnController 属性自定义设置需要展示列...Popup: 支持嵌套使用 修复 Progress 相关显示问题 详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.35.0 Vue3...for Web 发布 0.8.1 版 Form 表单支持统一配置校验信息;对象和数组嵌套复杂数据校验 修复 Progress 相关显示问题 Popup: 支持嵌套使用 TimePicker: 修复部分鼠标滚动选择出现偏差...、Divider 组件基础样式 重构 CountDown,更完善更好用 详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/...调整部分不合理公共组件所在目录 修复面包屑点击跳转当前页错误问题 升级组件库依赖 tdesign-vue 至 0.34.0 版 详情见:https://github.com/Tencent/tdesign-vue-starter

47020

TDesign 更新周报(2022年2月第3周)

组件库 Vue2 for Web 发布 0.35.1 版 修复 Popup/Select 展示相关问题 Input: 新增 format 属性用于格式化数据 Drawer: 支持拖动改变大小 详情见:https...valueDisplay 新增参数 onClose、新增特性 autoWidth, 宽度自适应 Table: 修复固定表头错位 Button: 修复 primary outline 模式下边框展示异常问题.../releases/tag/0.25.2 Miniprogram for WeChat 发布 0.5.3 版 Input:修复 label 不生效问题 Slider:修复 value 不受控问题 Search...:支持双向绑定;修复 placeholder 展示错误问题 详情见:https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.5.3...使用 setup script 重构了页面逻辑 详情见:https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.1.3

36000

TDesign 更新周报(2022年5月第3周)

组件库 Vue2 for Web 发布 0.41.5 Features Form:支持 help 配置表单项说明内容与错误提示同时展示,未配置 help 时不再默认占位 Table: 树形结构,...Cascader:基于select-input组件重构,文本过长省略使用原生 title 展示全文本,不再使用 tooltip,存在不兼容更新 Features Form:支持 help 配置表单项说明内容与错误提示同时展示...,可参考案例 tdesign-vue-next-nuxt-starter Tabs:添加拖拽功能 Anchor:增加 demo 演示功能 Bug Fixes Table:修复在 ssr 环境中兼容...Radius 圆角支持多级使用(待主题配置器升级,逐步更新) 详情见:https://www.figma.com/community/file/1053279236128724321/TDesign-for-web...更多更新查看:https://tdesign.tencent.com/about/release

2.8K30

TDesign 更新周报(2022年3月第1周)

组件库 Vue2 for Web 发布 0.36.0 版 Input: input 元素 ref 更名,存在不兼容更新 Upload 支持单请求上传批量文件 新增 SelectInput 和 TagInput...、无法清除面板中已选值、点击年份或月份后,日期弹窗意外消失 修复在有输入值且无 tag 情况下,不展示清除按钮。...修复在 auto-width 模式下交互问题 详情见:https://github.com/Tencent/tdesign-vue-next/releases/tag/0.9.3 React for...Dialog:支持使用 Esc 按键关闭 TreeSelect: 使用 SelectInput 组件重构 详情见:https://github.com/Tencent/tdesign-react/releases.../releases/tag/0.5.4 解决方案及周边 TDesign Vue Next Starter 发布 0.2.0 版 使用 pinia 替换 vuex 作为状态管理库 升级组件库依赖至 0.9

87420

微前端框架 qiankun 项目实战(一)--本地开发篇

原本这没有多复杂事,直接复制粘贴改改就可以,但是有这么几个坑点,我瞬间陷入了沉思: 新后台使用是vue3,原有的后台使用vue2后台有自己一套登录角色权限管理方案,旧后台也有 由于vue3...❞ 当然了,这次项目迁移我不是直接用iframe改造,而是站在巨人肩膀上,我用了一个叫qiankun微前端框架改造,因为公司代码我不能贴上来,下面我会建一个vue3项目和一个vue2项目来大概还原一下我是如何改造公司项目的...微前端框架qiankun 首先,用vue官方脚手架建立一个vue3基本后台界面和一个vue2基本后台界面,注意这里因为vue3打包使用了vite原因,所以qiankun框架不能使用vue3作为微应用...好了,下面开始基于qiankun框架改造两个项目 主应用启动qiankun 这里我使用qiankun官网registerMicroApps注册微应用 在主应用src文件夹下新建一个micros文件夹...__POWERED_BY_QIANKUN__去判断是否通过qiankun启动,是的话我们写个变量使用v-if将微应用菜单和头部隐藏,不就完事了?

70020

开源公告 : TDesignFlutter-百搭易用跨平台UI组件库

之前,TDesign已经支持 Vue2、Vue Next、React 等业界主流技术栈,方便使用者快速开发桌面端、移动端以及小程序等多个版本应用程序。...二者结合,开发者可以直接使用TDesign组件构建Flutter应用,加快开发速度同时,也确保了应用程序一致性。...√ ● 如果你使用Flutter系统组件构建了APP,想要一款简单易用、可快速迁移组件库提升开发效率。 √ ● 如果你想客户端和Web端使用风格统一组件,或者后续需要支持PC桌面端应用。...而且TDesign支持 Vue2、Vue Next、React 等业界主流技术栈,让用户无需担心技术栈问题,可以开箱即用。自2021年TDesign开源后,收获了不错口碑与反响。...许多用户反馈,希望TDesign能够支持Flutter,以便在移动应用开发中使用TDesign设计原则和规范。

45810

腾讯企业级设计体系TDesign对外开源,为产品体验设计提供新解题之道

目前,TDesign已经支持 Vue2、Vue Next、React 等业界主流技术栈,方便使用者快速开发桌面端、移动端以及小程序等多个版本应用程序,从而更好地服务设计师和开发者,助力企业提升设计研发效能...用户可以按照需求查看对应组件使用教程和代码演示,只需简单引入操作,即可搭建属于自己产品界面。...除此之外,TDesign 还提供了辅助设计工具如 Sketch 设计插件,并支持在腾讯Codesign、即时设计、Pixso、墨刀等市面常用设计工具中使用 TDesign 设计物料。...针对产品开发过程中个性化需求,TDesign 支持使用者对设计风格进行扩展,将设计样式梳理归纳为 Design Token,从而形成一套企业内部语义化设计规范,方便后续进行统一管理和使用扩展。...在中后台设计开发环节,TDesign 也上线了一款开箱即用解决方案 TDesign Starter,开发者可以通过它快速体验组件功能,也可直接修改为项目基础脚手架工程,实现产品从0到1全流程生态搭建

65210

微前端框架 qiankun 项目实战(一)--本地开发篇

原本这没有多复杂事,直接复制粘贴改改就可以,但是有这么几个坑点,我瞬间陷入了沉思: 新后台使用是vue3,原有的后台使用vue2后台有自己一套登录角色权限管理方案,旧后台也有 由于vue3...❞ 当然了,这次项目迁移我不是直接用iframe改造,而是站在巨人肩膀上,我用了一个叫qiankun微前端框架改造,因为公司代码我不能贴上来,下面我会建一个vue3项目和一个vue2项目来大概还原一下我是如何改造公司项目的...微前端框架qiankun 首先,用vue官方脚手架建立一个vue3基本后台界面和一个vue2基本后台界面,注意这里因为vue3打包使用了vite原因,所以qiankun框架不能使用vue3作为微应用...好了,下面开始基于qiankun框架改造两个项目 主应用启动qiankun 这里我使用qiankun官网registerMicroApps注册微应用 在主应用src文件夹下新建一个micros文件夹...__POWERED_BY_QIANKUN__去判断是否通过qiankun启动,是的话我们写个变量使用v-if将微应用菜单和头部隐藏,不就完事了?

80520
领券