阿里矢量图标Iconfont自定义设置菜单图标

时间：2019-11-22 11:53:19 阅读：85 评论：0 收藏：0 [点我收藏+]

好了，今天给铁子介绍一下阿里矢量图标(官网地址：https://www.iconfont.cn/)如何使用

进入官网后，搜索你想要的图标（99%都会搜索到的~~）

我搜索“设置”相关的，出现tm的一大堆图标，随便选择一个加入购物车，然后添加到项目里面去

技术图片

本次使用的是font class方式

技术图片

点击“查看在线链接”，它会自动生产一个.css的链接技术图片

技术图片

打开后，如图所示

技术图片

全选，CV大法复制到你自己的项目中，命名为iconfont.css

技术图片

我这里是通过数据库进行图标配置的，这里要注意一点：一定要加前缀“iconfont”不然是不会生效的（格式：iconfont +该图标的名称）

技术图片

配置好后重启项目。完事了，老弟~

效果图如下：

原文地址：https://www.cnblogs.com/ailiuzhe/p/11910548.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行