运用阿里图标库到自己的项目中---实例


1 . 登录图标库  在iconfont官网搜索自己需要的图标名称(例如:搜索)

2 . 鼠标放在自己选中的图标上,添加到购物车

3 . 添加完成之后,右上角购物车会显示添加的数量,点击打开购物车

 

  3.1 添加至项目 ( 创建新的项目,或者加入已有的项目)

  3.2  下载素材 (直接下载图片到本地)

  3.3  下载代码(直接下载生成的代码压缩包,基本上跟添加至项目一致)

 

4.添加到项目之后,进入图标管理页面 (可选择下载代码至本地)

5. 三种引用方式(一般使用 font-class 引用)

  5.1   引入项目下面生成的 fontclass 代码:

<link rel="stylesheet" href="./iconfont.css">

  5.2 挑选相应图标并获取类名,应用于页面:

<span class="iconfont icon-xxx"></span>
其他用法详情可参照 (下载文件demo里面的html文件)


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM