springboot-iconfont图标如何使用?

springboot-iconfont图标如何使用?,第1张

springboot-iconfont图标如何使用?

第一步:进入 iconfont-阿里巴巴矢量图标库,选择想要的图标加入购物车

第二步:进入购物车点击下载代码

第三步:下载解压好之后将这五个文件粘贴到项目中,如下:

 

 第四步:然后在html文件中导入iconfont.css文件,并且让图标显示出来,如下:




    
    登录
    






        这里解释一下 icon-bell 是什么?

       点击进入之前下载好的 demo_index.html,如下

 进来后可以看到图标对应的类名

然后来展现的看看效果,如下:

 如上所示图标显示出来了

        不过使用class的方式仅仅能引用黑白的图标很单调,如果想要引用彩色图标的话就用Symbol的方式去调用即可【这种方式在 demo_index.html 文件里也有教程,方法也差不多所以在这里就不多说了】

欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/web/1322005.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-12
下一篇 2022-06-12

发表评论

登录后才能评论

评论列表(0条)

保存