一、新建Iconfont项目
接下来我们就一步一步的教大家如何在使用阿里巴巴Iconfont图标
Iconfont 支持GitHub帐号登录,登录之后你就可以寻找自己需要的图标啦
首先呢,寻找自己的需要的图标,通通点进购物车!
再把购物车的图标加入到项目,如果还未创建项目,那就新建一个就是了
第一步:将刚刚新建的项目生成 Symbol 接入链接,并复制
二、网站集成
使用 Iconfont图标 图标官方也有详细的教程,同时官网提供三种集成方式:Unicode、class、Symbol。这三种集成方式各有优劣势,具体请查看官方教程
这里我推荐使用 Symbol 的方式集成到网站中,当然你也按照官方的教程使用其它方式集成
第二步:将代码保存到主题设置
将以下代码中的链接替换为您刚刚复制的链接,然后 进入 常用设置-其他拓展-阿里矢量图标js ,粘贴后保存主题设置
<script src="//at.alicdn.com/t/font_1706672_oa811wlg9gl.js"></script>
或者自行填入子比主题-全局功能-自定义代码-自定义底部代码
三、使用 Iconfont图标
在已经添加到你项目中查找图标并复制图标代码,然后替换底部导航图标
中的图标代码即可
© 版权声明
本站收集的资源仅供内部学习研究软件设计思想和原理使用,学习研究后请自觉删除,请勿传播,因未及时删除所造成的任何后果责任自负。
如果用于其他用途,请购买正版支持作者,谢谢!若您认为「MENGDO.CN」发布的内容若侵犯到您的权益,请联系站长邮箱:1146947663@qq.com 进行删除处理。
本站资源大多存储在云盘,如发现链接失效,请联系我们,我们会第一时间更新。THE END
暂无评论内容