如果项目中直接使用,请安装 tdesign-icons-vue-next。 同时 tdesign-mobile-vue 也内置了 icon, 支持直接通过 t-icon 来使用。 图标库中共包含超过 25 类,2100+ 个图标,推荐您按需引用图标,减少产物的体积。 按需引入使用图标 图标可以按需引入单个 SVG 图标。组件开发内部使用到 Icon 时,均按需引入 SVG ...
npm i tdesign-icons-vue 使用 // svgspriteimport{Icon}from"tdesign-icons-vue";<Iconname="close"/>;// iconfontimport{IconFont}from"tdesign-icons-vue";<IconFontname="close"/>;// single iconimport{CloseIcon,TimeIcon}from"tdesign-icons-vue";<CloseIcon/>; ...
import{Download1Icon,TabIcon}from'tdesign-icons-vue-next'; import{ markRaw, reactive }from'vue'; consticonList =reactive([markRaw(Download1Icon),markRaw(TabIcon)]); consticonConfig = [{icon:'Download1Icon'}, {icon:'TabIcon'}]; consticonObject =reactive({ Download1Icon:markRaw(Downloa...
npm i tdesign-icons-vue-next 使用 // svgspriteimport{Icon}from"tdesign-icons-vue-next";<Iconname="close"/>;// iconfontimport{IconFont}from"tdesign-icons-vue-next";<IconFontname="close"/>;// single iconimport{CloseIcon,TimeIcon}from"tdesign-icons-vue-next";<CloseIcon/>; ...
{Download1Icon,TabIcon}from'tdesign-icons-vue-next';import{markRaw,reactive}from'vue';consticonList=reactive([markRaw(Download1Icon),markRaw(TabIcon)]);consticonConfig=[{icon:'Download1Icon'},{icon:'TabIcon'}];consticonObject=reactive({Download1Icon:markRaw(Download1Icon),TabIcon:markRaw(...
in iconList":key="index"><component:is="iconList[index]"/></t-space><t-spacebreak-linev-for="(item, index) in iconConfig":key="index"><component:is="iconObject[item.icon]"/></t-space></t-space></template>import{Download1Icon,TabIcon}from'tdesign-icons-vue-next';import{ markR...
import { LogoutIcon } from 'tdesign-icons-vue-next';import { shallowRef } from 'vue';import Layout from '@/layouts/index.vue';export default [{path: '/user',name: 'user',component: Layout,redirect: '/user/index',meta: { title: '个人页', icon: 'user-circle' },children: [{path...
TDesign Icons 是统一生产、管理 TDesign 各框架的 Icons 组件资源的仓库。 各框架图标资源 tdesign-icons-vue:适用于 Vue2 的 TDesign 图标 tdesign-icons-vue-next:适用于 Vue3 的 TDesign 图标 tdesign-icons-react:适用于 React 的 TDesign 图标 ...
GitHub 仓库GitHub - Tencent/tdesign-mobile-vue: A Vue3.x Mobile UI components lib for TDesign 特性 基于TDesign API体系高度统一的实现,切换框架兼容性强 基于TDesign的设计体系下首批输出30+个基础组件 基于Vue3, 使用 TypeScript 编写,提供完整的类型定义 支持Vue3的独立的Icon库引入tdesign-icons-vue...
tdesign-iconsA mono repo for TDesign Icons tdesign-commonTDesign Common Style and Utils Repositories for Out-of-box Starter Kits RepositoryDescription tdesign-starter-cliCLI tool for TDesign Starter kit tdesign-vue-starterstarter-kit for TDesign Vue UI components ...