当前位置: 首页 > news >正文

vue3使用方式汇总

1、引入iconfont阿里图库图标:

1.1 进入阿里图标网站:

iconfont阿里:https://www.iconfont.cn/

1.2 添加图标:

1.3 下载代码:

1.4 在vue3中配置代码:

将其代码复制到src/assets/fonts/目录下:

在main.js中导入

import '@/assets/fonts/iconfont.css'

在组件中使用

<span class="iconfont icon-xxx"></span> <!--icon-xxx是图标css样式-->

http://www.lryc.cn/news/394036.html

相关文章:

  • Turborepo简易教程
  • 初中物理知识点总结(人教版)
  • ChatGPT-4o大语言模型优化、本地私有化部署、从0-1搭建、智能体构建等高级进阶
  • 【开源项目】LocalSend 局域网文件传输工具
  • ARM/Linux嵌入式面经(十一):地平线嵌入式实习
  • 基于Redis的分布式锁
  • 如何将 Apifox 的自动化测试与 Jenkins 集成?
  • 【FFmpeg】av_write_frame函数
  • 【算法专题】双指针算法
  • Lock与ReentrantLock
  • ARM/Linux嵌入式面经(十三):紫光同芯嵌入式
  • 名企面试必问30题(二十四)—— 说说你空窗期做了什么?
  • 基础权限储存
  • Could not find a package configuration file provided by “roscpp“ 的参考解决方法
  • 运维系列.Nginx配置中的高级指令和流程控制
  • Virtualbox和ubuntu之间的关系
  • 【在Linux世界中追寻伟大的One Piece】HTTPS协议原理
  • 【WebRTC实现点对点视频通话】
  • 【Unity】RPG2D龙城纷争(八)寻路系统
  • C++ 函数高级——函数重载——基本语法
  • Go语言实现的端口扫描工具示例
  • SpringSecurity初始化过程
  • Python爬取股票信息-并进行数据可视化分析,绘股票成交量柱状图
  • 秋招突击——7/4——复习{}——新作{最长公共子序列、编辑距离、买股票最佳时机、跳跃游戏}
  • udp发送数据如果超过1个mtu时,抓包所遇到的问题记录说明
  • 电子电气架构 --- 智能座舱万物互联
  • 笔记本电脑内存不够
  • Vue项目使用mockjs模拟后端接口
  • Linux下使用arping检测IP地址是否冲突
  • 为什么 npm run serve 正常,npm run build 就报错:digital envelope routines::unsupported