首页 > 其他分享 >阿里图标的使用

阿里图标的使用

时间:2022-12-29 11:14:37浏览次数:41  
标签:标签 iconfont 购物车 阿里 使用 图标

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title></title>

<!-- 1.引入项目下面生成的font class代码(不支持多色图标) -->
<link rel="stylesheet" type="text/css" href="./iconfont/iconfont.css">
<style type="text/css">
/*  阿里图标即矢量图标(放大不会失真):用字体的方式显示图标 
    使用步骤:
    1.打开官网(https://www.iconfont.cn/),登陆,打开官方图标库
    2.加入购物车
    3.点击购物车,添加至项目
    4.下载到本地,解压到iconfont
    5.引入css,i标签定义
    6.i标签当中  复制font class/symbol的代码
*/


</style>
</head> 
<body>
<i class="iconfont icon-a-0_baobiaoguanli"></i>
</body> 
</html>

 

标签:标签,iconfont,购物车,阿里,使用,图标
From: https://www.cnblogs.com/ljingjing/p/17011940.html

相关文章

  • 第二章《Java程序世界初探》第2节:常量的使用
    ​所谓“常量”,就是指一个固定不变的量,例如圆周率π的值是固定不变的,因此π就是一个常量。程序员在写代码时总是会大量的使用到常量。比如在一段程序中需要计算机圆形的面积......
  • 使用vs2022创建一个Avalonia项目
    1、安装vs20222、打开vs2022,工具→NuGet包管理器;打开NuGet搜索Avalonia并安装  3、安装成功后,在项目依赖项→包下引用包会有Avalonia的相关文件  4、创建一个Av......
  • java中耗时较长解决办法----使用线程池
    @RequestMapping(value="/officeSingleToOfdByFileId",method=RequestMethod.POST)publicResponseDataofficeSingleToOfdByFileId(HttpServletRequestreques......
  • 【实用】场景中缺乏几何信息的情况下,使用反射器标记来提高激光SLAM定位效果
    以下内容来自从零开始机器人SLAM知识星球每日更新内容点击领取学习资料→机器人SLAM学习资料大礼包论文#WhenGeometryisnotEnough:UsingReflectorMarkersin......
  • 【转载】C#使用Dotfuscator混淆代码以及加密
    C#编写的代码如果不进行一定程度的混淆和加密,那么是非常容易被反编译进行破解的,特别是对于一些商业用途的C#软件来说,因为盯着的人多,更是极易被攻破。使用Dotfuscator可以实......
  • 简单聊下.NET6 Minimal API的使用方式(转)
    前言#    随着.Net6的发布,微软也改进了对之前ASP.NETCore构建方式,使用了新的MinimalAPI模式。之前默认的方式是需要在Startup中注册IOC和中间件相关,但是在MinimalA......
  • xposed安装和使用入门
    因为xposed已经停止更新,高版本的android可以使用他的改良版lsposed,开发环境和xposed一致,首先需要安装magisk+zygisk+lsposed.xposed开发环境导入xposed模块开发......
  • spring-cloud技术栈使用eureka注册中心微服务优雅停机实践
    问题使用SpringCloud搭建微服务体系,如果注册中心选用Eureka,使用spring-cloud-starter-netflix-eureka-client包,能在项目中方便的整合Eureka。在日常开发中经常会遇到一......
  • Egg(五)之 阿里云oss储存
    1.安装插件npmiegg-oss--save2.开启oss插件配置路径:{app_root}/config/plugin.jsoss:{enable:true,package:'egg-oss',} 3.配置阿里云o......
  • Azure 使用技巧
    目录1.自动开机1.1.方法1创建runbook1.2.方法2.runbook库中也脚本2.工具2.1.AzureCLI2.2.常用命令3.配置3.1.调整大小3.2.查看价格3.3.附加磁盘4.计费5.FTP......