自定义图标iconfont_jquery iconfont 图标库-程序员宅基地

技术标签: 前端  vue.js  javascript  

阿里iconfont的使用

  1. ui切好图上传到蓝狐,我们下载svg格式的图片。

  2. 登陆iconfont官网

  3. 然后将自己取的iconfont的昵称也就是用户名给你们负责人说,叫他把你拉入图标管理库,这样才能共同开发,全部人各自定义自己的图标,不冲突。

  4. 被拉入库之后

    • hover导航栏的图标管理库点击我的项目
    • 我参与的项目就是你们公司的项目
  5. 开始自定义icon

    • 点击上传图标致项目
    • 将你下载的svg格式的图片传入,之后相应操作后生成。
  6. 刷新图标库,获取到新的css路径码,不然的话项目怎么知道你添加了新的图标?当然需要更新项目的代码啦。

    • 点击Font class, 注意,传入新图标后,旁边有个刷新代码的操作,点击刷新代码,获取最新的css代码,,并复制
      在这里插入图片描述
  7. 引入到项目

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
    本文链接:https://blog.csdn.net/weixin_43738272/article/details/104784379

    智能推荐

    MySQL必知必会02:字段类型选择_字段选择-程序员宅基地

    文章浏览阅读1.9k次。阅读整理自《MySQL 必知必会》- 朱晓峰_字段选择

    OpenAI API参数详解_max_tokens-程序员宅基地

    文章浏览阅读2.3w次,点赞8次,收藏58次。OpenAI官网文档:https://platform.openai.com/docs/introductionhttps://platform.openai.com/docs/introduction为提供的提示和参数创建完成https://api.openai.com/v1/completionsPOSTRequest Body使用的模型ID。您可以使用模型API列表查看所有可用的模型,有关它们的描述,请参阅我们的模型概述。生成完成的提示,编码为字符串、字符串数组、token数组或token数组的数组。_max_tokens

    Ubuntu20系统添加右键菜单:新建文档_ubuntu右键没有新建文档-程序员宅基地

    文章浏览阅读2.2k次,点赞2次,收藏11次。Ubuntu20系统右键菜单没有新建文档,十分不便。添加一个右键-新建文档命令方法如下。1、打开终端命令窗口打开终端,输入命令:sudo gedit # 创建一个空白文档创建一个空白文档。2、保存空白文档到模板目录下在空白文档上点击保存按钮,保存到主目录的模板文件夹下。文件名称可自定义,将会出现在右击新建菜单命令中。保存后,右击菜单中出现了新建-文本文档名称了。如图:..._ubuntu右键没有新建文档

    WebStorm Pro2019(WS2019)软件安装包下载及安装教程-程序员宅基地

    文章浏览阅读330次,点赞10次,收藏7次。5.勾选64-bit launcher、Add launchers dir to the PATH和Add "Open Folder as Project",点击“Next”1.选中下载好的安装包,鼠标右键解压到“WebStorm 2019.3.3”文件夹。12.选择Evaluate for free,点击“Evaluate”10.选择Do not import settings,点击“OK”16.点击“为WebStorm安装jetbrains-agent”4.选择软件安装路径,点击“Next”

    fast FW150US USB无线网卡Linux驱动安装_fw150us 驱动 linux-程序员宅基地

    文章浏览阅读5.9k次。由于笔记本没有自带无线网卡,所以买了一块fast FW150US USB无线网卡。该网卡只自带了window下的驱动,经过一番折腾,终于安装好了Linux下的驱动,在此记录以便以后遇到同样问题能够快速解决。首先查看网卡型号,如下:[plain] view plaincopyprint?root@yongmi-hn:~# l_fw150us 驱动 linux

    堆排序-程序员宅基地

    文章浏览阅读10w+次,点赞394次,收藏1.1k次。1、首先了解堆是什么堆是一种数据结构,一种叫做完全二叉树的数据结构。2、堆的性质这里我们用到两种堆,其实也算是一种。大顶堆:每个节点的值都大于或者等于它的左右子节点的值。小顶堆:每个节点的值都小于或者等于它的左右子节点的值。如上所示,就是两种堆。如果我们把这种逻辑结构映射到数组中,就是下边这样9 5 8 2 3 4 7 ..._堆排序

    随便推点

    MCS-51单片机的硬件结构_51单片机可以驱动8个ls形ttl负载的是-程序员宅基地

    文章浏览阅读755次。MCS-51单片机的硬件结构按功能可分为8个部件,通过片内单一总线连结起来控制方式:SFR对各个功能部件集中控制(CPU对SFR下指令,SFR在通过内部总线集中控制_51单片机可以驱动8个ls形ttl负载的是

    【intellij idea的快速配置详细使用】-程序员宅基地

    文章浏览阅读240次,点赞8次,收藏4次。当使用IntelliJ IDEA进行开发时,快速配置可以帮助您快速设置和优化项目的各种设置。完成上述步骤后,你的IntelliJ IDEA将根据您的选择进行快速配置,可以在优化的开发环境中开始工作。在设置面板的左侧窗格中,使用搜索框搜索"Quick Config"(快速配置),然后选择相应的选项。在快速配置向导中,选择您的项目类型,如Java、Python、JavaScript等。在顶部菜单栏中选择"File"(文件)选项,然后选择"Settings"(设置)。根据项目类型选择适用的框架或库。

    什么是AAR文件以及如何在Android开发中使用-程序员宅基地

    文章浏览阅读2w次,点赞24次,收藏46次。上周部门知识分享会上分享了关于如何在Android开发中使用gradle的话题,其中涉及到了aar文件的使用,经过一番讨论引申出了更多有趣的问题,留下了很多迷惑之处,经过研究后决定将成果记录于此。概述aar是什么?aar与jar有什么异同?如何生成AAR文件如何使用AAR文件第一种方法:第二种方法:代码分析概述aar是什么?aar是A..._aar文件

    关于微软Bing搜索语言无法更改的问题_必应没法改成中文-程序员宅基地

    文章浏览阅读9.4k次。一(在Chrome浏览器打开Being网页)  在Chrome浏览器打开_必应没法改成中文

    数据结构c语言版胡学刚答案,哈夫曼树的建立与实现(最终版)最新版-程序员宅基地

    文章浏览阅读391次。《哈夫曼树的建立与实现.doc》由会员分享,可免费在线阅读全文,更多与《哈夫曼树的建立与实现(最终版)》相关文档资源请在帮帮文库(www.woc88.com)数亿文档库存里搜索。1、字母的总数str[j]=i+;送对应的字母到数组中cnt[j]=tem[i];存入对应字母的权值}returnj;j是输入字母总数}voidChuffmanTree(HuffmanTreeHT,HuffmanCodeH..._胡学钢数据结构课后答案

    【微服务架构】springcloud微服务架构搭建_spring cloud部署架构-程序员宅基地

    文章浏览阅读1.7w次。要会用,首先要了解。图懒得画,借鉴网上大牛的图吧,springcloud组件架构如图:微服务架构的应用场景:1、系统拆分,多个子系统2、每个子系统可部署多个应用,应用之间负载均衡实现3、需要一个服务注册中心,所有的服务都在注册中心注册,负载均衡也是通过在注册中心注册的服务来使用一定策略来实现。4、所有的客户端都通过同一个网关地址访问后台的服务,通过路由配置,网关来判_spring cloud部署架构

    推荐文章

    热门文章

    相关标签