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

element-ui中怎样使用iconfont的图标

1 登录

https://www.iconfont.cn/

2 搜索合适的图

在这里插入图片描述
在这里插入图片描述这里可以找到这个图所在的图库。这样就可以一次查找到对应的所有同款图标

3 选择同款加入购物车

在这里插入图片描述

4 将购物车的icon加入项目,注意是新建项目,除非你是确定需要前面已经加过的icon

在这里插入图片描述在这里插入图片描述

5 下载icon

在这里插入图片描述选择font-class 点击下载。其他方式还没用过…

6 导入vscode的vue项目

在这里插入图片描述在这里插入图片描述
我是简单粗暴都copy过去了,只copy css文件似乎有点问题

在这里插入图片描述copy文件 加 配置main.js 配置引入部分就结束了

7 使用

在这里插入图片描述此处是配合elment-ui使用,其他方式应该都是类似的

谢谢浏览,欢迎指正!

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

相关文章:

  • 记一次struct2漏洞获取服务器
  • ChatGPT API 学习
  • nginx中将指定文件夹设置为虚拟目录
  • 78基于matlab的BiLSTM分类算法,输出迭代曲线,测试集和训练集分类结果和混淆矩阵
  • 苹果MAC安装绿盾出现问题,安装时没有出现填服务器地址的页面,现在更改不了也卸载不了绿盾 怎么处理?
  • MySQL优化-查询优化
  • Ubuntu18.04安装Moveit框架
  • MongoDB——文档增删改查命令使用
  • 【日常总结】Swagger-ui 导入 showdoc (优雅升级Swagger 2 升至 3.0)
  • OpenCV C++ 图像 批处理 (批量调整尺寸、批量重命名)
  • RT-DETR手把手教程,注意力机制如何添加在网络的不同位置进行创新优化
  • qt treeview 删除节点
  • 【单词】【2019】
  • Java自动化驱动浏览器搜索稻香
  • php聊天室通讯系统常用的接口对接函数 curl、file_get_contents()、WebSocket、消息队列
  • SQL基础理论篇(九):存储过程
  • 申银万国期货通过ZStack Cube信创超融合一体机打造金融信创平台
  • SquareCTF-2023 Web Writeups
  • Docker-compose 安装mysql8
  • 分布式锁实现对比
  • Ubuntu 系统上使用 QQ 邮箱的 SMTP 服务器发送邮件,msmtp(已验证)
  • 笔记54:门控循环单元 GRU
  • 数据仓库高级面试题
  • 【OpenGauss源码学习 —— 列存储(ColumnTableSample)】
  • 【开源】基于JAVA的校园二手交易系统
  • C 语言结构体(struct)
  • Linux:zip包的压缩与解压
  • Linux 时区设置
  • Linux本地WBO创作白板部署与远程访问
  • leetcode刷题日记:205. Isomorphic Strings(同构字符串)