关于layui的icon图标不显示的原因

最新推荐文章于 2023-03-28 17:08:19 发布
最新推荐文章于 2023-03-28 17:08:19 发布
阅读量4.8k 收藏
点赞数
文章标签： layui javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wyb2164649/article/details/123433293
版权

如果你要使用layui原生的图标，但发现不显示可能是因为你把下载的layui文件中layui.css和layui.js单单提出来放到你的项目里了
解决：
把文件中的Dist都引用过来
在这里插入图片描述

wyb2164649
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于Layui路径问题和icon不显示的问题记录
Pieces123的博客
03-25 2455
1、Layui路径问题（Layui.use("modules")默认的module未找到，F12，console中会报错显示，module的路径不对，压根没有从layui下面找，而是从lay开始） 在layui.js中打印这个值（t = document），是不是为空。 原因是. 解决方式：主页中就加载好layui.js，这样其他子页面就不需要再次引用，规避这个问题。 2、layui的ic...
layui icon服务器上显示不出来,关于layui的动态图标不显示的解决方法
weixin_39774556的博客
08-10 2270
关于layui的动态图标不显示的解决方法1.保证在正确引入layui的CSS和JS后用法如下：layui-icon layui-icon-loading ：这个是引用体图标的固定写法，图标出来是静态的layui-anim layui-anim-rotate layui-anim-loop：这是layui封装的动画效果style =“display：inline-block”给了以后可以设置宽高大小...
解决layui使用layui-icon出现默认图标的问题
10-16
今天小编就为大家分享一篇解决layui使用layui-icon出现默认图标的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决layer图标icon不加载的问题
12-12
之前在项目中使用layer弹框感觉体验很好，这次的项目中就引入了，但是引入之后，弹出层如下图： 代码： layer.msg("密码不正确！", {icon:5,time:1000}); 并没有显示出图标！ F12查看才发现如下报错： http://127.0.0.1:8020/xxx/js/theme/default/layer.css?v=3.1.1 net::ERR_ABORTED layer.js 于是找到 layer.js，搜索 layer.css ，会搜索到两处地方，修改第二处，代码如下： ....n=(a?"modules/layer/":"theme/")+"defaul
layui 图标失效_解决layer图标icon不加载的问题
weixin_39886172的博客
02-01 3146
之前在项目中使用layer弹框感觉体验很好，这次的项目中就引入了，但是引入之后，弹出层如下图：代码：layer.msg("密码不正确！", {icon:5,time:1000});并没有显示出图标！F12查看才发现如下报错：http://127.0.0.1:8020/xxx/js/theme/default/layer.css?v=3.1.1 net::ERR_ABORTED layer.js于是...
解决layui的动态图标不显示的问题
k912120的博客
06-29 1万+
1.保证在正确引入layui的CSS和JS后用法如下： <i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop" style="display: inline-block"></i>layui-icon layui-icon-loading ：这个是引用体图标的...
layui图标无法正常显示(乱码（）)
慕白Lee的博客
03-29 1万+
方案1：项目初建的情况，忘记引入font文件夹 方案2：js和css/font不在同一个文件夹下 方案3：使用layui-icon时出现了默认图标问题(网路截图) 方案4：原因：经过maven的filter，会破坏font文件的二进制文件格式，导致前台解析出错。...
layui图标不显示,动态图标不显示问题
u013931283的博客
01-08 1264
在项目中发现动态图标不显示问题 可能是粗心大意导致,不小心出错,直接一键复制粘贴,图标就行了,比较不容易出错 1.情况一:引入的css不对,或被覆盖了,用下方地址看下 <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui-v2.5.6/css/layui.css" /> 2.图标用法有误,直接点击下方去复制代码,不容出错 点击这前往,复制代码 转载自:http://www.shagua.wiki
layui图标不显示的解决办法
热门推荐
liqz666的博客
12-26 1万+
Layui图标出现方块或方格的原因 Layui图标出现方块或方格的原因 作者的话 我们在引用layui的时候，如果把layui.css和layui.js如果分开方到一个文件夹，我们在页面引入的时候，就可能会出现图标的异常，出现方块或者方格的现象。 最初我把css放到WebContetn下的css文件里，js我引用了layui文件夹里的js，结果就出现了图标异常，方格现象。 标解决办法 Ctr...
关于使用SpringBoot和Layui的小图标显示不出来的解决方案(亲测解决)
qq_35332494的博客
10-27 3393
问题 所有的图标都像图中不能正常的显示,方框形的乱码 ------解决 百度上各种方法试了都没有效果,文件替换,还试了其他放行的方法也都不能正常显示 ----本质就是后端可能拦截了一些资源文件，放行它就行了，就成功显示了。 代码: 替换SpringBoot中pom.xml中的build标签下的内容即可,实现放行 <build> <plugins> <plugin> <gro
layui字体图标 loading图标静止不旋转的解决方法
12-13
layui的字体图标库提供了丰富的字体图标，其中还有动态的loading图，但如果按照添加其他图标一样将class样式复制到按钮上，却发现loading图并不会旋转。 正确示例： 1、找到layui图片库中如下图所示的class样式。传送：layui文字图标库 2、除了加上上图所示的class样式外，还需加入下图所示的其他layui样式。加上之后，就能看到loading动画了。 <button type="button" class="layui-btn" id=""> <i class="layui-icon layui-icon-loading layui-anim layui-an
layui table表头自带问号图标显示字段提示
12-02
（可用于字段说明，建议先去官方网站查看）实现效果就是鼠标放到指定字段，显示提示说明，如兑换比例说明。。。。用的到的推荐使用
关于layui的动态图标不显示的解决方法
12-29
1.保证在正确引入layui的CSS和JS后 用法如下： <i class=layui-icon xss=removed></i> layui-icon layui-icon-loading ：这个是引用体图标的固定写法，图标出来是静态的 layui-anim layui-anim-rotate layui-anim-loop：这是layui封装的动画效果 style =“display：inline-block”给了以后可
解决图标不正确字体
12-29
自己的系统中的复选框图标不正常，为一个灰色的图像，不是正常的对号勾选，解决此问题是由于系统字体安装部完全，下载此资源，解压，管理员获得权限，安装即可。
springboot项目中layui的字体图标显示不出来
suvue
12-23 2708
问题描述：在使用layui开发页面时，js和css路径正确，包结构也跟官网的一样，但是图标就是出不来，像下图中一样。 问题定位： F12开发者控制台打印如下日志： 问题分析：这是因为经过maven的filter，会破坏font文件的二进制文件格式，所以前台解析出错 解决方案：pom.xml中加上这个插件 <!--解决图标不能回显问题--> <plugi...
无法弹出layer.msg()的问题
Awake_haohao的博客
03-28 848
layer.msg()与parent.location.reload()冲突
layer图标不出现
bujiongdan的博客
12-10 1309
用layer的时候，弹出框的右上角最大化和删除按钮一直不显示，好久找不到原因，以为是代码的问题，JS和CSS包都引入了，可是就是不出来，后来猜到，是图片没有引入的问题，所以图标没有出现...
layui-icon图标库
最新发布
04-03
layui-icon图标库是一套基于Layui框架的图标集合，它包含了大量常用的图标，可以用于网页开发中的各种场景。这些图标可以通过在HTML元素中添加相应的class来实现显示。以下是layui-icon图标库的一些点和使用方法： ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值