vue3项目中引入icon font图标使用 - 代码天地

vue3项目中引入icon font图标使用

编程语言 2023-04-06 23:58:14 阅读次数: 0

vue3项目中如何引入icon font图标使用

1、从iconfont官网下载图标库文件放到项目中

在这里插入图片描述

得到压缩包解压放到项目中，一般都放到assets文件夹下

2、在main.ts文件中引入图标文件

在这里插入图片描述

3、可以使用啦

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_42255789/article/details/128715549

vue3项目中引入icon font图标使用

Vue3项目中引入ElementUI使用详解

vue3项目中使用iconfont图标

VUE3项目中引入单色和彩色字体图标解决方案

在Vue3项目中使用 Echarts 绘制股票图表的分享（一）：引入Echarts

android 使用字体图标（Icon Font）

Vue3 + Vite + Element Plus项目中自动引入 icon 的具体操作及使用方式

图标字体Font Awesome 4.7 的引入与使用

vue使用iconfont-font class图标

在 Vue3 + Vite + Element Plus 的项目中使用自动引入的方式引入el-icon后，在el-input中通过prefix-icon属性引入icon显示失败的解决方法

vue3项目修改浏览器的项目icon小图标

jsx （vue3项目中使用）

vue3项目中使用pinia

Vue3项目中使用mock服务

Vue3项目中使用插槽

vite构建的vue3项目中如何使用svg图标？

Vue3项目中 Ant Design Vue全局配置项使用及网站标题、图标修改

字体图标 icon font

vue项目中icon图标的完美引入

如何在HTML中使用图标字体 - icon font

js使用icon-font，代替图片图标

vue前端项目中使用阿里矢量图标（Font class）

CSS - icon图标(icon font)

在Vue3项目中使用 vue3-seamless-scroll 无缝滚动插件

Vue3项目中使用vue-router

vue3项目中使用vue-cropper实现截图效果

Vue3 - Element Plus 全局自动引入图标组件教程，页面使用无需每次 import 即可直接使用＜el-icon＞组件图标（项目使用 Element Plus 内置图标不用再引入了）

vue3+ts+vite 项目引入svg icon图标

Vue3 项目中按需引入 Element Plus 后使用组件时样式丢失

如何在Vue3项目中使用vw实现移动端适配

今日推荐

TIOBE 5 月榜单：Fortran “复活”进入 Top 10

GCC 14.1 发布

面壁智能发布 Eurux-8x22B 开源大模型 —— 堪称「理科状元」

开源日报 | 谷歌扶持鸿蒙上位；开源Rabbit R1；Docker加持的安卓手机；微软的焦虑和野心；海尔电器把开放平台关了

中国码农的“35岁魔咒”

蘭雅 CorelDRAW 插件 2024.5.1 国际劳动节版，免费下载

Arc Browser for Windows 1.0 正式 GA

90后程序员开发视频搬运软件、不到一年获利超 700 万，结局很刑！

周排行

基本数据类型封装类比较 Java源码解读(一) 8种基本类型对应的封装类型

JS实现无缝滚动上

深入解析HashMap原理（基于JDK1.8）

mysql的连接池

关于.htc

linux下的ubuntu12.04图形界面

【数论】好推不好记的扩展欧几里德

设备树详解

cscope + tags 简单设置

xml学习

每日归档

更多

2024-05-09(35)

2024-05-08(42)

2024-05-07(14)

2024-05-06(40)

2024-05-05(0)

2024-05-04(7)

2024-05-03(19)

2024-05-02(0)

2024-05-01(4)

2024-04-30(1)