文章目录

  • 1. 进入阿里矢量图官网
  • 2.新建项目
  • 3.找到自己需要的矢量图
  • 4.在需要的组件内进行引入
  • 5.在放置矢量图
  • 7.修改html(class中粘贴矢量图代码,一定要加iconfont !!!!)

1. 进入阿里矢量图官网

阿里适量图库

2.新建项目


新建一个自己的项目

3.找到自己需要的矢量图


将该图标存入某个项目内






src/assets目录下新建一个目录,将复制的文件粘贴进去

4.在需要的组件内进行引入

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

5.在放置矢量图


先选择想要的矢量图的代码

7.修改html(class中粘贴矢量图代码,一定要加iconfont !!!)

<i class = "iconfont  icontianmaoxingxiang2" />

vue 踩坑笔记 二.vue引入阿里矢量图库的矢量图相关推荐

  1. Vue 踩坑笔记: 引入 ElementUI 时打包失败修复记录(ERROR in ./node_modules/element-ui/lib/theme-chalk/index.css)

    Vue 踩坑笔记: 引入 ElementUI 时打包失败修复记录(ERROR in ./node_modules/element-ui/lib/theme-chalk/index.css Module ...

  2. vue踩坑笔记06---vuex的state,getter,mustation,action,module

    Vuex是什么? Vuex核心属性: vuex的使用: state应用: getter应用: mutation应用: action应用: module应用: Vuex是什么? 官方文档说明: Vuex ...

  3. uniapp引入vantweapp踩坑笔记

    vue-cli创建uniapp项目引入vantweapp踩坑笔记 uni-app中引入vantweapp vue-cli创建uniapp项目引入vantweapp踩坑笔记 一.环境准备 二.项目搭建 ...

  4. 阿里云部署Tiny Tiny RSS踩坑笔记

    阿里云部署Tiny Tiny RSS踩坑笔记 前言 入坑了RSS,之前的配置是阿里云部署RSSHub,配合Inoreader进行文章阅读,详情见RSS入坑指南.阿里云部署RSSHub踩坑笔记.在202 ...

  5. EDUSOHO踩坑笔记之四十二:资讯

    EDUSOHO踩坑笔记之四十二:资讯 获取资讯列表信息 GET /articles/{id} 权限 老API,需要认证 参数 字段 是否必填 描述 sort string 否 排序,'created' ...

  6. Vue踩坑 npm ERR code ELIFECYCLE

    Vue踩坑 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! supermall@0.1.0 serve: vue-cli-service serv ...

  7. iphone se 一代 不完美越狱 14.6 视频壁纸教程(踩坑笔记)

    iphone se 一代 不完美越狱 14.6 加 视频壁纸教程-踩坑笔记 越狱流程 1.爱思助手制作启动u盘 坑点: 2.越狱好后 视频壁纸软件 1.源 2.软件安装 越狱流程 1.爱思助手制作启动 ...

  8. OpenCV4.0.1/4.0.0/3.4.2 + Contrib + Qt5.9 + CMake3.12.1编译及踩坑笔记、Qt5+OpenCV配置、代码验证、效果图、福利彩蛋

    Table of Contents 前言 Windows 10, OpenCV4.0.1, Qt5.9.3, CMake3.12.1, MinGW5.3.0 Windows 10, OpenCV4.0 ...

  9. EDUSOHO踩坑笔记之六:edusoho架构及模块分析

    EDUSOHO踩坑笔记之六:edusoho架构及模块分析 从目录结构.入口文件.配置.控制器.服务层.模型.模块组成等几个角度,进行架构的描述.本文档是以8.0的版本为基准的说明,与其他版本会有些区别 ...

最新文章

  1. UIWebView滚动监听
  2. Python基础教程:列表的四种常用方法
  3. linux windows并发模型,Linux并发服务器模型四 -- poll
  4. Windows Vista即将发布SP1
  5. BLE 0x3e HCI_ERROR_CODE_CONN_FAILED_TO_ESTABLISH
  6. java实现modbustcp通讯_Modbus TCP双通道冗余技术
  7. LDA 线性判别分析模型
  8. 老干妈如今做到这么大,为什么她就是没遇到竞敌?
  9. leetcode713. 乘积小于K的子数组(双指针)
  10. JMeter工具使用初探
  11. 自如回应南京租客事件:未对该房源进行过装修 配置的家具符合规定
  12. ebaz s9 zynq linux中关于网络的一些小问题
  13. OpenStack最新版本Folsom架构解析(转)
  14. 对抗学习在语义分割上应用
  15. mysql 环比 同比_MySQL统计同比环比SQL
  16. 打印机脱机了的修复方法
  17. 【网易有数】BI数据分析工具一
  18. spinningup环境搭建
  19. PAT 甲级1003 Emergency 题解
  20. php for循环删除元素,php-在foreach循环中取消设置数组值

热门文章

  1. 华为鸿蒙将删除谷歌代码,证明它真是自主研发,反攻安卓系统
  2. 最简单的51超声波测距程序
  3. R语言决策树(ID3)
  4. Java 脚本引擎 Rhino的学习
  5. wordpress后台管理(八)外观-小工具:管理常用的DUX主题附带的小工具或wordpress自带的小工具
  6. 浏览器新建标签页被篡改
  7. mall商城微服务遇见的坑
  8. 南京农业大学计算机考研资料汇总
  9. 光伏窗性能研究(1)——光伏窗介绍
  10. Centos7配置阿里云yum源及epel源