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

Vue 前端项目使用alibaba矢量库svg图标

Vue 前端项目使用alibaba矢量库svg图标

这里主要是记录 vue项目中使用阿里矢量库图标的操作流程,方便以后查阅!!!

一、简介

iconfont 是由阿里巴巴体验团队打造的,一款设计和前端开发的便捷工具.拥有着很强大且图标内容很丰富的矢量图标库,同时提供自定义图标,图标上传已经下载功能.目前有着70多万个图标

阿里矢量库图标地址
https://www.iconfont.cn/?spm=a313x.search_index.i3.2.34333a81z5z5IO

二、使用步骤详解

(一)选择多个图标到购物车中

(二)将购物车中图标(可以将多个同类型图标)添加至项目中,然后更改项目名称

在这里插入图片描述

(三)将项目下载到本地,解压并放到前端项目文件夹中

在这里插入图片描述

(四)页面引入css文件

在这里插入图片描述

(五)页面中使用,按钮中使用图标

在这里插入图片描述

(六)效果展示

在这里插入图片描述

关注林哥,持续更新哦!!!★,°:.☆( ̄▽ ̄)/$:.°★ 。

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

相关文章:

  • 蓝桥杯官网填空题(距离和)
  • 【座位调整】Python 实现-附ChatGPT解析
  • 前端面试基础面试题——5
  • Java高并发系列: 使用wait - notify实现高效异步方法
  • 业务安全详解
  • 算法笔记--最大连续1的个数Ⅲ
  • Linux CentOS7 添加中文输入法
  • Python接口自动化封装导出excel方法和读写excel数据
  • React三属性之:refs
  • 将Vue项目迁移到微信小程序中
  • php权限调整强制用户退出的解决方案
  • [uniapp]踩坑日记 unexpected character > 1或‘=’>1 报错
  • 面试求职-经典面试问题
  • 在Linux服务器上部署Tornado项目
  • JWT认证、drf-jwt安装和简单使用、实战之使用Django auth的User表自动签发、实战之自定义User表,手动签发
  • conda常用命令及问题解决-创建虚拟环境
  • 严选算法模型质量保障
  • 学习Bootstrap 5的第七天
  • VirtualBox(内有Centos 7 示例安装)
  • 在 Git 中删除不再位于远程仓库中的本地分支
  • 容器编排学习(九)服务管理与用户权限管理
  • 【C刷题】day1
  • zabbix配置钉钉告警、和故障自愈、监控java
  • 第九章 Linux实际操作——Linux磁盘分区、挂载
  • 设计模式-解释器设计模式
  • 实现 js 中所有对象的深拷贝(包装对象,Date 对象,正则对象)
  • PathVariable注解
  • 宋浩高等数学笔记(十二)无穷级数
  • 使用Clipboard插件实现Vue的剪贴板功能
  • Latex参考文献中大写字母编译后自动变成了小写,如何保持原字母大写形式