通过阿里巴巴矢量图标库拓展boorstrap框架的图标库

【阿里巴巴矢量图表库的正确使用姿势】【拓展bootstrap框架的图标库】

说明

本文只是一篇抛砖引玉的文章,阿里巴巴矢量图标库真的是一个很棒的站点,他能够

  • 让你通过文字搜索到很多现成的图标,并且可以指定这些图标的大小,图标格式。
    这里写图片描述

font-class引用

现在很多的前端框架,都会携带自己的图表库,比如bootstrap的图标库bootstrap图表库截图

  • 那么当这些图标不够用的时候怎么办?
  • 我想像调用bootstrap框架的图标一样,用class就可以设置图标,该怎么弄呢?

正确的姿势

第一步

打开阿里巴巴矢量图表库网站

第二步

图标管理 → 创建项目 → 查找自己喜欢的图标 → 加入购物车 → 右上角打开购物车 → 加入刚才创建好的项目

albb1

albb1

这里写图片描述

第三步

查看阿里巴巴矢量图标库的帮助文档其中关于font-class引用的描述点我跳转

最后

建议大家多看看矢量图库的帮助文档,骚操作还有很多。我这篇文章只是为了抛砖引玉而已,自认为文档写的还是没有阿里家可爱的程序猿/媛写得好,也怕有什么错误的,所以就不在累赘了。

重点看功能介绍和代码应用模块,其次是相关文章模块,最后如果你有时间的话也可以学习制作制作图表,没准你靠这个还能发大财呢!

点我跳转

发布了101 篇原创文章 · 获赞 13 · 访问量 9万+

猜你喜欢

转载自blog.csdn.net/a735311619/article/details/80727923