ailiuzhe
好了,今天给铁子介绍一下阿里矢量图标(官网地址:https://www.iconfont.cn/)如何使用
进入官网后,搜索你想要的图标(99%都会搜索到的~~)
我搜索“设置”相关的,出现tm的一大堆图标,随便选择一个加入购物车,然后添加到项目里面去

 

 

 

 本次使用的是font  class方式

 

 点击“查看在线链接”,它会自动生产一个.css的链接

 

 

 

打开后,如图所示

 

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

 

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

 

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

 效果图如下:

 

 


 

 

分类:

技术点:

相关文章:

  • 2021-04-18
  • 2021-11-04
  • 2021-11-28
  • 2021-12-13
  • 2021-08-20
  • 2021-11-28
猜你喜欢
  • 2021-12-31
  • 2021-07-22
  • 2021-12-07
  • 2022-01-07
  • 2021-04-27
  • 2021-12-21
  • 2021-06-24
相关资源
相似解决方案