layui引用外部图标

因为最近的项目中，layui自带的图标已经不能满足需求了，所以各种百度，有了以下成果：

1、选择阿里图标库中自己中意的图标，添加到购物车，从购物车中下载代码

2、下载完成后，解压压缩包，打开iconfont.css文件，把iconfont全部替换成layui-icon，然后把所有代码全部粘贴到layui.css的文件中，放在末尾就好。
注意：同文件夹下的文件，文件名称需要一致。内部应用的路径为iconfont.eot,外部文件名也需要为iconfont

3、准备工作完成，接下来引用一下

引用方式一：<i class="layui-icon icon-ico " ></i> 引用方式二：<i> </i>

如此，完美解决了layui自带图标不够用的问题。

资料出处：https://blog.csdn.net/guang_liang_/article/details/79160334

layui引用外部图标相关推荐

uni-app引用外部图标库（阿里矢量图）
uni-app引用外部图标库(阿里矢量图) 作为前端程序员,nui-app是必备的,但是有时候内置的图标,组件又不完全满足,这里就可以引进外部图标,这里引用的是阿里矢量图标第一步,在项目目录中新建文 ...
[iOS] 引用外部静态库时，(类别)目录方法无法加载问题
[iOS] 引用外部静态库时,目录方法无法加载问题这个 bug 在 xcode 4.3 以下会出现,4.3 以后已经修正了. 解决方法为:找到 target 的图标,更改其 Other Linker ...
关于layui的icon图标不显示的原因
如果你要使用layui原生的图标,但发现不显示可能是因为你把下载的layui文件中layui.css和layui.js单单提出来放到你的项目里了解决: 把文件中的Dist都引用过来
layui添加阿里巴巴图标库
前言: layui是一款不错的前端框架,其官网上展示的图标有140个,当不够用的时候,我们就需要去扩展它的图标样式,今天为大家带来扩展方法,扩展后我们可以和layer官网中的示例一样,使用样式来生成图 ...
vue的vantUI引入外部图标
前言在查找怎么引入外部图标的时候,发现对于一些细节他们的文章描述的并不清楚.因此打算自己对自己是如何用vantUI引入外部图标的方法进行一个整理:同时,虽然是引入vantUI的外部图标,但是方法都是 ...
Angular7中引用外部JS文件
Angular7中引用外部JS文件,步骤如下: 1. 将引入的js文件放到项目的src/assets下 2. 在angular.json文件中找到scripts项并配置js文件的相对路径 3. 在sr ...
xxe漏洞攻防简介 xml 引用外部实体构造恶意内容
目录一.XML基础知识二.XML外部实体注入(XML External Entity) 三.客户端XXE案例四.防御XXE攻击一.XML基础知识 XML用于标记电子文件使其具有结构性的标记语言 ...
页面中如何引用外部的HTML（四种方法）
页面中如何引用外部的HTML(四种方法) 一.总结一句话总结:a.iframe标签 b.ajax引入代码片段 c.link import的方法导入 d.re ...
实验12：引用外部属性文件★（spring管理连接池）；
实验12:引用外部属性文件★ dbconfig.properties 文件

layui引用外部图标

layui引用外部图标

layui引用外部图标相关推荐

最新文章

热门文章