layui图标显示不正常,显示成方块

最新推荐文章于 2024-05-25 22:38:06 发布
最新推荐文章于 2024-05-25 22:38:06 发布
阅读量2.9k 收藏 3
点赞数 2
分类专栏： 小程序的填坑之路 文章标签： layui css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pepper5/article/details/115653308
版权

这两天打算写个uTools插件的,UI需求较低,所有就用了layui,使用习惯的毛病坑了自己
在这里插入图片描述
使用习惯的锅,使用其他UI框架的时候基本都是class后边跟上样式即可,在layui这边就也这样做了,但是layui文档写的也很清楚,他还需要在目标样式前边再加个layui-icon,所有还是要仔细看文档不要想当然!!!

--错误的
class="layui-icon-file"
--正确的书写格式
class="layui-icon layui-icon-file"

最低0.47元/天 解锁文章
pepper5
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
layui图标出现方框问题解决
追寻上飞的博客
05-17 5594
layui解决图标出现方框问题一、软件版本二、问题描述三、解决思路1. 上开发者工具2. 定位错误位置3. 修改图标加载的相对文件路径四、结果 一、软件版本 OS: Win10 layui: 2.6.5 浏览器：Chrome 90.0.4430.212（正式版本） （64 位） 二、问题描述 当在本地开发网页时，引用layui框架样式表和js，目录结构如下图所示。 加载layui的日期控件时，出现如下图所示的界面。日期前进和后退的按钮变成了方框。 三、解决思路 1. 上开发者工具 F12打开谷歌浏览
layui图标不显示的解决办法
热门推荐
liqz666的博客
12-26 1万+
Layui图标出现方块或方格的原因 Layui图标出现方块或方格的原因 作者的话 我们在引用layui的时候，如果把layui.css和layui.js如果分开方到一个文件夹，我们在页面引入的时候，就可能会出现图标的异常，出现方块或者方格的现象。 最初我把css放到WebContetn下的css文件里，js我引用了layui文件夹里的js，结果就出现了图标异常，方格现象。 标解决办法 Ctr...
layui图标无法正常显示(乱码（）)
最新发布
2401_85112466的博客
05-25 462
二、原因分析字体图标不正常显示是layui的标签或者font文件夹的原因。三、问题解决（本人第四种方案）
页面上.woff加载不出来解决办法 （layiu 小图标变方格）
m0_46539391的博客
01-18 427
在web.xml文件中加入以下代码 <servlet-mapping> <servlet-name>default</servlet-name> <url-pattern>*.woff</url-pattern> </servlet-mapping>
关于layui的icon图标不显示的原因
wyb2164649的博客
03-11 4985
如果你要使用layui原生的图标，但发现不显示可能是因为你把下载的layui文件中layui.css和layui.js单单提出来放到你的项目里了 解决： 把文件中的Dist都引用过来
关于layui的动态图标不显示的解决方法
10-16
今天小编就为大家分享一篇关于layui的动态图标不显示的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui图标显示方框
qq_42943161的博客
08-18 1501
解决方法: 检查一下class里面是不是少了一个图标的默认class: layui-icon
解决layui使用layui-icon出现默认图标的问题
10-16
今天小编就为大家分享一篇解决layui使用layui-icon出现默认图标的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui之layer弹出层的icon数字及效果展示
滴水石穿
08-04 1452
layer的icon样式。
解决图标不正确字体
12-29
自己的系统中的复选框图标不正常，为一个灰色的图像，不是正常的对号勾选，解决此问题是由于系统字体安装部完全，下载此资源，解压，管理员获得权限，安装即可。
解决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
方块表情图标下载
07-24
"方块表情图标下载"这个主题涉及到的是图标设计的一种特定类型，即方形盒子图标，它们常用于传达信息、指示功能或者增强视觉效果。这些图标通常被用在各种软件、应用程序、网站甚至社交媒体平台中，以简洁明了的方式...
PC上显示APK的正常图标
03-19
为了解决这个问题，我们可以使用特定的工具来显示APK的正常图标，就像在Android设备上那样。"apkshellext_v2_1"就是这样一个工具，它能够帮助用户在Windows操作系统中正确地显示APK应用的图标。 首先，我们需要了解...
layui组件，dtree树型结构不对齐
qq_39474136的博客
10-19 404
刚刚开始用dtree生成，下拉树的时候，我发现生成的下拉树结构不对齐。 没有加之前是这样的： 解决方法，在外面裹一层div，然后设置 align=“left”>，就可以了 效果图：
更改layui 默认单选框radio样式
katy_1的博客
09-29 1万+
更改后效果展示： html： <div class="container"> <form class="layui-form" action=""> <h2>自定义样式</h2> <div class="layui-form-item"> <div class="layui-...
layui数据表格显示图片/头像
jp_567的博客
04-12 6477
先上代码 templet: '<div><img style="height:35px;width:35px;border-radius:50%;line-height:50px!important;" src="{{ d.photo}}"></div>' 其实就是在里面引入一个标签代码，上面的代码其实和下面的一样的效果，只是把HTML代码提出来 &lt...
单选框的圆圈样式修改为复选框的方框样式
hanchuang213的博客
08-09 1万+
一、利用复选框checkbox修改成单选框radio的效果(相对更好) <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> Insert title here function checkedThis(obj,cname){ va
layer图标不出现
bujiongdan的博客
12-10 1321
用layer的时候，弹出框的右上角最大化和删除按钮一直不显示，好久找不到原因，以为是代码的问题，JS和CSS包都引入了，可是就是不出来，后来猜到，是图片没有引入的问题，所以图标没有出现...
matplotlib显示了中文成方块了，要显示中文
04-16
的话怎么处理？...plt.rcParams['axes.unicode_minus'] = False #解决负号'-'显示为方块的问题 plt.plot([1,2,3],[4,5,6]) plt.xlabel('横轴：中文') plt.show() ``` 这样，中文就能够正常显示了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值