1.使用在线图标

引入在线图标库地址

import {createFromIconfontCN } from '@ant-design/icons';
export const IconFont=createFromIconfontCN({scriptUrl:'复制的链接'});

2.下载至本地使用

下载iconfont图标库，解压后复制解压包中的iconfont.js到项目中

import icon from '@/tools/iconfont.js'
import {createFromIconfontCN } from '@ant-design/icons';
export const IconFont=createFromIconfontCN({scriptUrl:{icon}});

3.使用方法

<IconFont type="iconfold"/>

4.注意

下载至本地使用时，要用import 导入图标js文件。不要用路径引用，用路径引用图标会显示不出来，具体原因还请大佬们来答疑。
错误示例

export const IconFont = createFromIconfontCN({scriptUrl:'@/tools/iconfont.js'})

React-hooks-ts-antd项目使用阿里图标库中的图标相关推荐

微信小程序中怎么使用阿里图标库中的图标
我们知道,微信小程序的wxss文件中不论是背景还是图标都不能使用相对路径的,所以,以前我们可能会在css中使用阿里图标库,但是在微信小程序中使用阿里图标库,要做一些处理阿里图标库(不会使用的底下留言 ...
Element引入Iconfont（阿里巴巴矢量图标库）第三方图标库
最近在使用vue-element-admin开源项目进行系统开发,但是在引入第三方图标库的时候,出现了一些问题,百度找了找,也没有找到自己想要的答案,最后经过多次尝试,将问题解决.所以特此记录一下,以 ...
QT使用阿里巴巴矢量图标库设置窗口图标、菜单栏项图标、工具栏项图标、状态栏图标以及将控件设置为图标
在阿里巴巴矢量图标库官网上下载图标,具体操作在下方有讲解. 在QT项目中设置图标示例. 我总结了一下需要设置图标的地方大致分为5个,如下: 1. 设置窗口图标(利用setWindowIcon()属性实 ...
antd 阿里图标库扩展a-icon 图标
vue 项目中使用阿里图标库扩展antd 组件 icon 的图标第一步:创建图标库在https://www.iconfont.cn/ 创建自己的图标库,首相创建项目,然后把Svg 图标上传到该项 ...
png转iconfont_关于阿里图标库Iconfont生成图标的三种使用方式-新闻详情
关于阿里图标库Iconfont生成图标的三种使用方式发布时间:2017-07-28责任编辑:朱明浏览:1843 相信做过前端的都知道阿里巴巴矢量图标库,这是一个非常好用的添加小图标的方法,而且是完 ...
阿里巴巴图标库的字体图标使用方法
文章目录前言:此方法适合成体系的应用图标,若使用单个图标可直接下载使用一.将图片加入项目并下载至本地二.引用图标的三种方式 1. font-class引用 2. Symbol 引用 3. Uni ...
iconfont 新加图标（在原有项目的图标库中加入新的图标）
需求:半路接其他人开发过的项目,由于项目已经生成了一些原有的图标,而我们也没有加入对方的项目组里,只能自己新创建一个项目,再把需要的图标加入项目里,生成对应的iconfont.css 文件,加入到原有 ...
如何在vue中引入阿里巴巴矢量图标库里面的图标
阿里巴巴矢量图标库https://www.iconfont.cn/ 首先进行登录,然后才能下载里面的图标搜索里面的图标并添加到购物车点击右上角购物车将购物车里面的图标添加至项目书写项目名称可随 ...
Arcgis使用自定义的图标库-地图POI图标风格
通常我们使用到的arcgis矢量图标都是简单的形状图标,样式风格比较单一,我们可以使用POI风格的图标来美化地图制图效果. 1.在arcgis中添加自定义图标库选择我们做好的style文件加入到样式 ...

React-hooks-ts-antd项目使用阿里图标库中的图标

1.使用在线图标

2.下载至本地使用

3.使用方法

4.注意

React-hooks-ts-antd项目使用阿里图标库中的图标相关推荐

最新文章

热门文章

React-hooks-ts-antd项目 使用阿里图标库中的图标

1.使用在线图标

2.下载至本地使用

3.使用方法

4.注意

React-hooks-ts-antd项目 使用阿里图标库中的图标相关推荐

最新文章

热门文章

React-hooks-ts-antd项目使用阿里图标库中的图标

React-hooks-ts-antd项目使用阿里图标库中的图标相关推荐