曲奇饼 发表于 2020-1-17 15:15:55

layui 阿里巴巴图标库使用

1. 登录官方的图标库如阿里的矢量图标库http://iconfont.cn
   通过添加到购物车,然后添加到项目,可以看到自己项目中用到的图标:

2. 点击下载至本地:
下载下的内容截图如下:

将文件拷贝到你所要写的项目中,如你想在你的页面中引入新下载下来的图标,你可以这样操作:

图标引入方式:
2.1.通过Unicode 方式引入
<i class="iconfont" style="font-size: 18px; color: #F8F8FF;">?</i>
   1.1 里面引用的图标

快捷的方法拷贝,操作如图所示:

然后在使用代码的地方点击粘帖,就拷贝到图标的值类似:?
2.2 通过FontClass 引用:

   如我上面红色标注的图标的引用,在html 书写如下:
<i class="iconfont icon-data" style="font-size: 18px; color: #F8F8FF; padding-right:5px;">
页: [1]
查看完整版本: layui 阿里巴巴图标库使用