阿里图标库

m0_57879259 2021-05-03 12:00:39

阿里图标库用Unicode引用自动生成的代码好像错了，没法引用成功，如图所示，请各位大佬看看

...全文

996 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

前端小歌谣 2021-05-05

打赏
举报

回复

按照步骤来。第一步第二部第三部

前端小歌谣 2021-05-05

打赏
举报

回复

按照步骤来。第一步第二部第三部

weixin_50944805 2021-05-05

打赏
举报

回复

试试下载，看看本地的可不可以

一、周所周知在 Antd Design 中也有一些图标，但是要找到自己想要的图标不是很方便，需要一个一个的找。而且提供的图标数量也不是很多！而阿里图标库可以通过搜索找到自己想要的图标，图标的数量和样式都比较的多，非常的方便快捷。那问题来了，如何在React中引入阿里图标库的图标！二、如何引入在 Antd Design 的 Icon图标给了我们答案而我们可以把这个封装成一个组件，方便在其他组件中使用，代码如下： #IconFont.jsx import { crea

而且在阿里图标里找到symbol,更新代码后，把js代码 ctrl+A全选，ctrl+c复制，替换掉项目目录中的iconfont.js文件。8、下面要使用字体图标，创建一个i标签，添加两个类名：一个是iconfont，一个是字体图标的名字。11、点击复制代码，ctrl+A全选，ctrl+c复制，替换掉项目目录中的iconfont.css文件。4、点击图标上方购物车>添加至项目，通过右上角购物车查看，点击添加至项目。中，输入要使用的图标名称，找到需要的图标，右键添加至购物车。3、项目创建完毕，在上方。

文章目录在vue中使用阿里图标库；在iview中使用阿里图标库；一、引入：1. 解压图标文件2. 修改css文件中的路径，在文件 `iconfont.css` 引入的地方加上 `./`![在这里插入图片描述](https://img-blog.csdnimg.cn/20190528164310510.png)3. 全局引入iconfont注意：线上资源只能用``这种方式引入：二、使用：1. 在页面...

vue项目使用阿里图标库的图标 1.打开阿里图标库的首页，登录注册一下，搜索需要的图标，加入购物车 2.点击首页右上角的购物车，将刚刚加入购物车的图标添加到项目，如果还没有项目就新建一个 ![在这里插入图片描述](https://img-blog.csdnimg.cn/ada8af1ca51b41a2b45adbeeb4cef32f.png 前置工作完成了，接下来是如何在vue项目中使用图标，这里我使用的是symol引用 symbol 引用支持多色图标了，不再受单色限制。通过一些技巧，支持像字体

使用阿里巴巴的图标库拓展iview图标库 2019年05月09日 10:15:34追逐、阅读数 27 1、前言现在项目中使用的图标库，如果不是基于某些特定的业务，基本上都可以在阿里巴巴图标库中找到相应的图标，这样大大减少了UI的压力，我们自己需要什么图标，自己可以去创建项目，将需要的图标归类打包到项目中，然后实现下载，直接引用即可。二、创建图标库 1 进入图标库官网，注册登录（有...

61,120

社区成员

60,701

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章