layui圖標不顯示的解決辦法

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>

希望幫到大家。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章