emmm 就是 Ant Design Vue 这玩意用来做蛮好的支持VUE3 所以这里用了这个了。

首先他支持你一个个导入那岂不是.....傻里傻气的，所以我们一次性导入！

1. 先安装：npm install --save @ant-design/icons-vue

2. 在main.ts 【我的项目是ts】直接就循环导入全部的即可，代码如下：

未导入代码：

导入开始：

按照图来即可。

使用的时候不用一个个导入都可以的

https://2x.antdv.com/components/icon-cn

直接这里用复制

VUE3 使用 Ant Design Vue 图标库的图标相关推荐

vite+vue3+ts+ant design vue+tailwindcss搭建前端web应用（2）
回顾上篇文章地址:vite+vue3+ts+ant design vue+tailwindcss搭建前端web应用(1)_konsei的博客-CSDN博客上篇文章搭建了vue3项目,引入了ant ...
Vue vben admin - 新鲜出炉的高颜值管理后台UI框架，基于 Vue3 和 Ant Design Vue
基于Vue3.0 / Vite / Ant Design 等火热开源项目构建,新鲜出炉,值得关注. 关于 Vue vben admin Vue Vben Admin 是一个基于 Vue3.0.Vite ...
VUE3 使用 Ant Design Vue的icon图标
安装: npm install --save @ant-design/icons-vue 2.在main入口文件引入,不想一个个一得导入,可直接循环导入即可 import { createApp } ...
修改ant design vue中的Icon图标颜色
直接行内式即可 <a-icon type="file-text" style="color: rgba(28, 106, 235, 1)" />
vue3+ant design vue+ts实战【ant-design-vue组件库引入】
vue3 UI组件库 Ant Design of Vue Ant Design Vue
Vue3 UI组件库对比，Naive UI、Element Plus、 Ant Design Vue
对比图 \ Element Plus Naive ui Ant Design Vue 简介 element-ui Vue3版本,国内使用广泛 Vue作者推荐的Vue3ui 组件库阿里Ant Desi ...
【vue2中引入阿里第三方图标库使用自定义的Ant Design Vue组件a-cascader级联选择后缀图标】
1,首先在vue2项目中安装ant design vue组件 npm install ant-design-vue@1.7.2 2,a-cascader组件在页面中的使用 <template&g ...
基于 Vue3.0 和 Ant Design Vue ,高颜值管理后台UI框架vue-vben-admin运行
简介 Vue Vben Admin 是一个免费开源的中后台模版.使用了最新的vue3,vite2,TypeScript等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考. Github地址 ...
ant design vue table 高度自适应_Vue组件库大评测 Element, iView, HeyUI, Ant Design Vue
今天偶然的机会想了解下其他Vue相关的组件库,网上刚好有文章,顺便自己做一下笔记,算是资源整理吧 .好了,话不多说,直接开始: 组件库的选择对于前端开发有者至关重要的影响,而组件的丰富性以及健壮性是我 ...

VUE3 使用 Ant Design Vue 图标库的图标

导入开始：

按照图来即可。

VUE3 使用 Ant Design Vue 图标库的图标相关推荐

最新文章

热门文章

VUE3 使用 Ant Design Vue 图标库的图标

导入开始：

按照图来 即可。

VUE3 使用 Ant Design Vue 图标库的图标相关推荐

最新文章

热门文章

按照图来即可。