使用iconfont之symbol方法引用_iconfont symbol-程序员宅基地

技术标签: css  前端  html  

第一步,选择需要的图标,然后在购物车里面选择下载代码:
在这里插入图片描述
第二步,解压后将iconfont.js文件复制拷贝出来放在项目合适的位置中
在这里插入图片描述
我放在了src文件夹下:
在这里插入图片描述
第三步,进行iconfont.js的引用和icon类的定义
在这里插入图片描述
还得进行icon类的一个定义,这个代码可以在iconfont中获取:
在这里插入图片描述
在这里插入图片描述

这里的icon-xxx,后面的具体名称在iconfont下载的时候可以看到:
在这里插入图片描述
这样就可以引用成功了:
在这里插入图片描述

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

智能推荐

抖音引流跳转到微信加好友?免费教你创建一个链接!_抖音跳转加微信程序源码-程序员宅基地

文章浏览阅读770次,点赞9次,收藏8次。为了降低大家的门槛,可以使用开源的【引流宝】快速创建一个链接,这个链接生成的二维码,用抖音扫码,然后分享出去就是一张卡片,点击卡片就跳转到微信。在抖音想要跳转到微信,现在常规的做法就是通过微信小程序的Url Scheme跳转到微信并打开小程序指定的页面,这个已经有非常成熟的方案。你可以下载这个开源软件的代码,自行搭建引流宝系统,然后创建抖音跳转到微信的卡片即可。_抖音跳转加微信程序源码

spring基本bean注入方法配置_"<ref bean=\"c1\"/>"-程序员宅基地

文章浏览阅读316次。spring基本bean注入方法配置_""

Lua 入门_lua_setupvalue-程序员宅基地

文章浏览阅读1.4k次。此篇文章所有操作都是基于上一篇安装的docker容器内进行操作案例来自于菜鸟教程首先进入容器安装vimapk add vimLua 变量变量就是给一块内存区域赋予一个值。使得程序可以读取和修改相应内存中内容。变量由字母、数字、下划线组成。必须以字母或下划线开头。Lua 是大小写敏感的。变量分为全局变量和局部变量type variable_listlocal a, b = 1, 10 --局部变量c, d = 2, 20 -- 全局变量如果变量只定义了没有初始化_lua_setupvalue

3.3 ORACLE 的 EMP&DEPT表 建表语句_oracle emp建表语句-程序员宅基地

文章浏览阅读1.5k次,点赞2次,收藏15次。ORACLE 的 EMP&DEPT表 建表语句-- 创建表与数据CREATE TABLE EMP(EMPNO NUMBER(4) NOT NULL,ENAME VARCHAR2(10),JOB VARCHAR2(9),MGR NUMBER(4),HIREDATE DATE,SAL NUMBER(7, 2),COMM NUMBER(7, 2),DEPTNO NUMBER(..._oracle emp建表语句

使django支持PUT,DELETE的方案_django如何简单快速实现put、delete方法-程序员宅基地

文章浏览阅读9.5k次。第一种方案修改ajax中type方式并设置header,同时对put重新构建数据字典在对views中的方法进行类对象封装时,发现django并不支持像post和get一样将数据封装。 由于网页端无法设置method方法,在用postman和ajax开启pycharm对接口进行debug测试时发现:提交数据后并没有进入代码逻辑。 查阅资料得知,django支持put和delete方法..._django如何简单快速实现put、delete方法

vscode通过跳板机(堡垒机)连接remote服务器_vscode 连接堡垒机-程序员宅基地

文章浏览阅读2.9w次,点赞17次,收藏45次。先吐槽: 搞了一上午!!! 我太难了!!! 最近服务器不够用, 就差动手算深度学习梯度了!!! 向本科朋友借了几台机子跑, 这要是没上过大学, 研究生还不能毕业了呢!!!目录1. 简单任务介绍2. 本机的配置3. 跳板机的配置4.内网服务器的配置5. 怎么样不需要密码访问嘤嘤嘤~~1. 简单的任务介绍:我现在用的电脑叫做A, 然后借了一台服务器叫做C..._vscode 连接堡垒机

随便推点

【视频异常检测】用于无监督视频异常检测的合成伪异常:一种简单有效的基于掩码自动编码器的框架 论文阅读_synthetic pseudo anomalies for unsupervised video -程序员宅基地

文章浏览阅读1.4k次,点赞17次,收藏25次。由于用于训练的异常样本的可用性有限,视频异常检测通常被视为一类分类问题。许多流行的方法研究自动编码器(AE)在假设AE重建正常数据良好而重建异常较差的情况下产生的重建差异。然而,即使只有正常的数据训练,AE通常也能很好地重建异常,这会耗尽其异常检测性能。为了缓解这个问题,我们提出了一个简单而有效的视频异常检测框架。引入了伪异常样本,该样本通过嵌入随机掩码而仅从正常数据合成,而无需额外的数据处理。我们还提出了一种正态一致性训练策略,鼓励AE更好地从正态和相应的伪异常数据中学习规则知识。_synthetic pseudo anomalies for unsupervised video anomaly detect

加载sklearn加州房价数据集出错 housing = fetch_california_housing() HTTPError: HTTP Error 403: Forbidden解决方案_fetch_california_housing 403-程序员宅基地

文章浏览阅读7.9w次,点赞13次,收藏15次。本文主要介绍了加载sklearn加利福尼亚州房价数据集出错 HTTPError: HTTP Error 403: Forbidden的解决方案,希望能对新手有所帮助。文章目录1. 问题描述2. 解决方案_fetch_california_housing 403

html如何让文字变斜体,CSS中如何让文字变成斜体-程序员宅基地

文章浏览阅读4.4k次。我们在日常中经常会让文字倾斜,但是有很多小伙伴们不知道CSS中如何让文字变成斜体,那么我们现在就去看看CSS中让文字变成斜体的方法,希望对你有所帮助。Font-style:在CSS中用Font-style属性实现把文字设为斜体的。Font-style属性值:normal:正常的字体italic:斜体。对于没有斜体变量的特殊字体,将应用obliqueoblique:倾斜的字体Italic和obliq..._html斜体字

在Android studio中引入butterKnife遇到的坑_butterknife 错误: 元素值必须为常量表达式-程序员宅基地

文章浏览阅读1.2k次。Android studio中引入butterKnife在build.gradle的ependencies中添加implementation 'com.jakewharton:butterknife:8.5.1'annotationProcessor 'com.jakewharton:butterknife-compiler:8.5.1'接下来在项目中的MainActivity中绑定即可,绑定语句应写在setContentView下面: setContentView(R.layout.activ_butterknife 错误: 元素值必须为常量表达式

Shell编程之case循环、for循环及while循环理论与实例_scl case循环执行-程序员宅基地

文章浏览阅读493次。文章目录前言:一、case多分支语句1.1 case语句的结构1.2 case语句应用示例二、for循环语句2.1 for循环语句结构2.2 for语句应用示例三、while 循环语句3.1 while 语句结构3.2 while 语句应用示例总结:前言:除了我们之前讲述的if条件语句外,作为一种脚本编程语言,Shell同样包含循环、分支等其他程序结构,从而能够轻松完成更加复杂的工作,本篇博客..._scl case循环执行

TCP中的RST标志(Reset)详解_tcp的rst-程序员宅基地

文章浏览阅读2.9k次,点赞2次,收藏7次。TCP中的RST标志(Reset)详解_a_tu_的专栏-程序员宅基地_rst tcp在谈RST攻击前,必须先了解TCP:如何通过三次握手建立TCP连接、四次握手怎样把全双工的连接关闭掉、滑动窗口是怎么传输数据的、TCP的flag标志位里RST在哪些情况下出现。下面我会画一些尽量简化的图来表达清楚上述几点,之后再了解下RST攻击是怎么回事。1、TCP是什么?TCP是在IP网络层之上的传输层协议,用于提供port到port面向连接的可靠的字节流传输。我来用土语解释下上面的几个关键字:por_tcp的rst