阿里图标库

m0_57879259 2021-05-03 12:00:39

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

...全文

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

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

前端小歌谣 2021-05-05

打赏
举报

回复

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

前端小歌谣 2021-05-05

打赏
举报

回复

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

weixin_50944805 2021-05-05

打赏
举报

回复

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

阿里云visio模具，里面已经包含了常用的模具，如：ECS、OTS、OSS、、ODPS等等组件，方便绘画基于阿里云服务网络服务架构图，能够更丰富的表达图例的意思。

一、进入阿里图标库官网站：http://www.iconfont.cn 二、选择想要的图标加入购物车(如果不想以unicode方式使用图标，那直接下载png等格式即可) 三、然后进入购物车点击下载代码四、解压后，选择这下图五个文件复制，其它的是demo文件，告诉我们如何使用。五、我在项目的assets目录下新建了个fonts目录来放这五个文件六、打...

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

文件中使用便是 icon-shezhi是阿里图标库中的class名，到此步骤，即可完成阿里图标库的在线使用。2.每次加入图标都需要更新阿里图标库中的代码，除非一次性添加完毕，一共两处，都需要复制。切记，复制代码到项目中，一定要在//前面加上https:否则不显示图标。第一张图片复制到uniapp项目中的iconfont.css文件中。1.阿里图标库中我的项目中首先得有图标，第二张图片复制到App.vue中。

另外，有些开发者可能会把阿里图标库的CSS文件放在项目的公共CSS中，这也可能会导致阿里图标库无法使用。这是因为公共CSS文件可能会被不同的组件或页面同时引用，而阿里图标库的CSS文件中可能包含了一些全局定义的样式，导致组件或页面之间相互干扰。总之，阿里图标库不能使用是一个比较常见的问题，在实际开发中需要认真分析问题的原因，并寻找合适的解决方法。今个刚开始学习uniapp，想着引入个自定义的阿里图标库吧，发现引入了一直不起作用，一直以为是自己的错误，最终发现并不是。@import”或“"

61,128

社区成员

60,711

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章