layui图标不显示的解决办法

最新推荐文章于 2024-06-28 03:45:57 发布

源码客栈-逍遥游

最新推荐文章于 2024-06-28 03:45:57 发布

阅读量1.7w

点赞数

本文链接：https://blog.csdn.net/liqz666/article/details/103709840

版权

Layui图标出现方块或方格的原因

作者的话

我们在引用layui的时候，如果把layui.css和layui.js如果分开方到一个文件夹，我们在页面引入的时候，就可能会出现图标的异常，出现方块或者方格的现象。
最初我把css放到WebContetn下的css文件里，js我引用了layui文件夹里的js，结果就出现了图标异常，方格现象。

最初我把css放到WebContetn下的css文件里，js我引用了layui文件夹里的js，结果就出现了图标异常，方格现象。

解决办法

不能把layui的css和js文件分开，应全部放到一个文件夹。

在这里插入图片描述

<link rel="stylesheet" type="text/css" href="<%=path %>/layui/css/layui.css"> 
<link rel="stylesheet" type="text/css" href="<%=path %>/layui/css/admin.css"> 
<link rel="stylesheet" type="text/css" href="<%=path %>/layui/css/login.css">
<body>
 <i class="layui-icon layui-icon-face-smile"></i>   
<script src="<%=path %>/layui/layui.js"></script>
<script>
layui.use([ 'form', 'layer' ], function() {
 var form = layui.form;
  form.render();
 var layer = layui.layer; 
 
});
</body>