vue引入iconfont阿里矢量图库

vue引入iconfont阿里矢量图库话不多说 先上图 项目背景 vueelementui 能用的 icon 实在有限 所以 一起从零到一吧 1 进入阿里矢量图标库官网官网传送门注册 gt 登录这里就省略了 2 选择你需要的 icona 下载 svg 到本地 b 进入到 我的项目 如下图 c 然后复制 css 地址在浏览器打开 复制里面代码 地址如图 3 在 vue 项目静态文件夹中新建一个 css 文件 把

项目背景:vue element ui能用的icon实在有限,所以…一起从零到一吧。

1.进入阿里矢量图标库官网
官网传送门
注册 => 登录 这里就省略了..

2.选择你需要的icon
a.下载svg到本地
b.进入到”我的项目”,如下图:
1298851-20190218095114775-720540361.png
c.然后复制css地址在浏览器打开,复制里面代码,地址如图:
1298851-20190218095521373-2099762497.png




3.在vue项目静态文件夹中新建一个css文件,把上一步copy的代码ctrl+v进去
4.最后在main.js中全局引入

转载于:https://www.cnblogs.com/lafitewu/p/10393981.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/224570.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 上午11:38
下一篇 2026年3月17日 上午11:38


相关推荐

  • ebpf技术_EBM技术

    ebpf技术_EBM技术1.ebpf概述1.1ebpf发展历史BPF,及伯克利包过滤器BerkeleyPacketFilter,最初构想提出于1992年,其目的是为了提供一种过滤包的方法,并且要避免从内核空间到用户空间的无用的数据包复制行为。它最初是由从用户空间注入到内核的一个简单的字节码构成,它在那个位置利用一个校验器进行检查——以避免内核崩溃或者安全问题——并附着到一个套接字上,接着在每个接…

    2026年2月11日
    4
  • Pycharm快速安装OpenCV

    Pycharm快速安装OpenCV由于 pycharm 自带的 pip 源网站是国外网址 这就导致了许多国内用户在 pycharm 中下载其他软件包速度极慢 有时还会跳出下载失败的界面 因此我们可以将 pycharm 中的 pip 源网站更换成我们国内的 pip 镜像源 这样下载速度就会有质的飞跃 以下是几个比较全面的国内 pip 镜像源 清华 https pypi tuna tsinghua edu cn simple 阿里云 http mirrors aliyun com pypi simple 中国科技大学 https pypi mir

    2026年3月27日
    3
  • 伪装计算机主机,位置伪装大师电脑版

    伪装计算机主机,位置伪装大师电脑版《位置伪装大师电脑版》是一款免费的GPS位置变换软件,《位置伪装大师电脑版》能够进行GPS位置模拟,让你轻松变换自己的位置,变换位置随心所欲!官方介绍位置伪装大师v3.6新版来袭!变换位置,随心所欲!!全新的界面,全新的功能,全新的体验。更加简洁、更加人性化的操作流程。功能介绍-支持国外伪装,实现全球伪装-一键收藏地点,方便快捷-多种搜索模式,可以快速找到位置-支持经纬度定位,精确寻找位置…

    2022年5月10日
    55
  • 华为C8816电信版ROOT过程

    华为C8816电信版ROOT过程

    2021年12月14日
    75
  • Focal loss 和 GHM

    Focal loss 和 GHMFocalLossfor 是 ICCV2017 的 Beststudentp 文章思路很简单但非常具有开拓性意义 效果也非常令人称赞 GHM gradientharm 发表于 GradientHarm stageDetecto AAAI2019 是基于 Focalloss 的改进 也是个人推荐的一篇深度学习必读文章 1 FocalLossFoc 的引入主要是为了

    2026年3月17日
    2
  • Spring常见面试题总结(超详细回答)

    Spring常见面试题总结(超详细回答)

    2021年4月10日
    125

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号