layui+js+css字体图标选择插件

最新推荐文章于 2024-12-05 12:17:31 发布

原创最新推荐文章于 2024-12-05 12:17:31 发布 · 465 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #layui #css

前端哥分享基于layui和CSS字体图标font - awesome制作的字体图标选择插件。该插件用于h5端，可实现大量图标展示并由后台控制。代码已整理分享到个人网站，demo代码有详细注释，还列出了需引入的文件。

layui+js+css字体图标选择插件

插件下载地址

今天分享的是前端哥之前在做项目的时候遇到的一个需求，h5端需要很多的图标并且需要后台控制，当时设计师也比较忙，刚好前端框架用的layui，前端哥想了想就结合css字体图标font-awesome制作的这个字体图标选择插件,然后前端哥就整理一下代码分享到我的个人网站，希望对你有所帮助

demo代码里有详细的注释说明还有所有需要引入的文件和素材
在这里插入图片描述

需要引入的文件：


<link rel="stylesheet" href="js/layui/css/layui.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<script src="js/jquery.min.js"></script> //jquery根据需求引入，因为laiyui本身就有jquery
<script src="js/icon.js"></script>
<script src="js/layui/layui.js"></script>

demo下载