1、首先去阿里巴巴图库找你喜欢的图标——添加入库
2、选择完所有需要的图标后,添加倒项目中

3、找到你的项目 点击下载到本地

4、下载完成进行解压,是这样色儿的!! (强调此步操作仅限下载下来的压缩包里面有eot和svg文件的,如没有eot和svg文件请忽略此步操作)

因为在此次添加图标之前我们项目中是有图标的,所以我们只需要以下四个文件就可以了 (强调此步操作仅限下载下来的压缩包里面有eot和svg文件的,如没有eot和svg文件请忽略此步操作)

注意:上图这四个文件的名字不要跟项目中本身iconfont的文件名字重复了哦,得修改成不一样名称哦


把文件拷进项目中这一步就可以了哦
别急还没完!!!别急还没完!!!

5、把刚下载的哪个图标文件里面的json文件打开

把这一串儿放到之前项目iconfont.json 中,像这样色儿!


同理把js文件中,图标所需的js单独复制出来就可以了哦(下图我选中的就是我所需要的返回按钮的js内容)其他的不复制因为之前项目中的js文件有这些没选中的东西

放在项目中iconfont.js中的最后一个结束svg前(选中的内容就是我刚加上的)

fill 可以设置图标的颜色

同理 把html页面中的返回 放到项目中的html中

6、最后在页面进行使用就可以了

完事儿!!!

想在原有的基础上,再次添加一些阿里图标的进坑相关推荐

  1. 在父域的基础上,添加子域

    父域--Window server 2016 子域--window server 2016 父域(提前创建好的)-- 子域的创建 打开服务器管理器,添加角色和功能向导 安装域服务 首先要确保两台虚拟机 ...

  2. 在用户原有网络基础上,用wifi广告软件为用户搭建wifi营销平台方法

    传统技术思维是WiFi广告路由器必须带机上网,因而他们支持的用户数很小,并且后续售后人工成本非常高:wifi广告软件无线天的目标,只需要在网络中加入无线天一套软件支持就可以实现wifi营销平台,特别适 ...

  3. Android开源项目大合集(转载的基础上添加了项目地址)

    WeChat高仿微信 项目地址:https://github.com/motianhuo/wechat 高仿微信,实现功能有: 好友之间文字聊天,表情,视频通话,语音,语音电话,发送文件等. 知乎专栏 ...

  4. python在原有的字符串的基础上追加列表构成的字符串,并保持格式一致

    思路是判断原有字符串的结尾有没有分割的标志符号,没有就补一个 代码如下: def append_list(string, add_list, mark: str):""" ...

  5. 手工建库】(二)在原有数据库的基础上再建立一个数据库

    数据库 congjiu2607 2016-10-23 10:33:38 32 收藏 在原有数据库的基础上再建立一个数据库 (先决条件:当当前虚拟内存不够用时,将现有数据库关闭:如果不关库,则需要增加虚 ...

  6. php语言 添加背景音乐,在保留原声的基础上给视频添加背景音乐

    给视频添加背景音乐的方法有很多种,在网络上也有很多的软件可以给视频加背景音乐,那么有什么办法可以在保留原声的基础上给视频添加背景音乐,音乐声音可以小一点呢?其实这也不是难事,小编给大家推荐一种方法,很 ...

  7. android读信息会话,在融云 IMkit 会话界面基础上添加消息已读未读.

    在融云 IMkit 会话界面基础上添加消息已读未读. 使用过融云的同学们可能知道. 融云 IMkit 的会话界面, 发送玩消息后, 如果对方已读, 发送端则会显示小对号的图片. 但是更具需求要把小对号 ...

  8. 【长文】在《 Ray Tracing from the Ground Up》的基础上实现BART的动画

    第一部分:前言 本文是介绍在<Ray Tracing from the Ground Up>的那套代码的基础上怎么做出和BART官网上提供的视频差不多的动画. 大概一年前,小编写过一篇汇总 ...

  9. python与anaconda安装(先安装了python后安装anaconda,基于python已存在的基础上安装anaconda)——逼死强迫症、超详解

    目录 一.安装python(python3.7.4) 1.下载 (1)下载1(32位) (2)下载2(64位) 2.安装 3.配置python环境变量 4.检验python 二.安装anaconda( ...

  10. 主动把自己碎掉的海尔,想借力区块链搭上智能时代列车

    去年,我看到一篇文章,来自于北大社会学博士姜汝祥,标题是<区块链时代,请集体关注海尔>,这篇文章高度赞扬了海尔CEO张瑞敏对海尔的改革,并表示"海尔将是区块链时代的最伟大的公司. ...

最新文章

  1. 英特尔携手中科院计算所建立中国首个 oneAPI 卓越中心
  2. 4 流程控制》4.5 比较for循环和while循环
  3. linux 下查看应用版本信息,Linux下查看版本信息
  4. 离开小米后 周受资将加入字节跳动担任CFO
  5. Linux命令学习 ls
  6. 信天翁水域雷达监视系统
  7. 传感器:HC-SR04超声波传感器原理(底部附代码)
  8. 回归中的相关度和R平方值
  9. [RK3568 Android11] 开发之调试RK809 codec音频-MIC
  10. 关于在 firefox 主页自定义背景可以用的图片
  11. 关于solidity解析abi方法,入参和结果字节码
  12. 电子计算机进行会计核算 其会计,1. 使用电子计算机进行会计核算,其软件与其生成会计 ….doc...
  13. 2018, 数据分析师的就业前景如何?
  14. 【JMeter】JMeter怎么实现接口关联?
  15. mini2440 led驱动
  16. 自学GRE要准备些什么
  17. 不可错过的250款独立游戏(珍藏版)
  18. 河北计算机一级考试试题,河北计算机一级试题及答案.doc
  19. jenkins部署流程图_Jenkins 自动化部署上线
  20. Generator 函数的详解:

热门文章

  1. 一些div垂直居中的方法
  2. EndNote 高校_再也不用苦苦寻找EndNote安装包~【EndNote网页版】
  3. poi实现word转html
  4. android 免 root修改位置打卡
  5. 盖世无双之国产数据库风云榜-2022年02月
  6. fgo服务器中断020202,终章炸服事件 - Mooncell - 玩家自由构筑的FGO中文Wiki
  7. 2021年N1叉车司机考试总结及N1叉车司机复审考试
  8. 从零开始为实验室搭建一个多人使用远程登录服务器
  9. windows查看自己安装的Mysql版本
  10. cpu,cache,Ram,harddisk存储速度