在使用laui时候引入了CSS文件和js文件出现图标不显示的问题

最新推荐文章于 2024-08-30 07:57:20 发布
最新推荐文章于 2024-08-30 07:57:20 发布
阅读量473 收藏 10
点赞数 9
文章标签： layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tingyushuo_/article/details/134729171
版权

我在引入laui时候只引入了laui.css和laui.js两个文件然后出现了图标全部变成框框的问题
在这里插入图片描述
找到有人说把css和js文件放在同一个文件夹下面就好了，但是我好像不可以还是框框，后面我把dist文件的直接拷贝到我的目录下，然后逐项删除最后发现文件必须要有font目录下的iconfont.ttf文件，但是这个是一个字体的文件不知道为啥会影响图标，小菜鸡初学，还没搞懂

a_dyl
关注
  • 9
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
解决layui使用layui-icon出现默认图标的问题
01-19
最近在学习使用layui的时候碰到了一个巨诡异的问题，使用layui-icon时出现了默认图标问题，先上图： 后台代码： 正常情况下应该在箭头指示处有一段unicode编码才会显示图标，百度了很久发现没人碰到过这个问题，当我把这段代码复制到txt文件中时发现了一个问题。 这货中间有个空格，当我把这个空格去掉后世界和平。原来这段代码是我看到示例后直接拷到自己的代码上的，带了unicode编码，但是idea这边没有显示，所以看起来极其诡异，这就是对拿来主义的惩罚吧，希望大家引以为戒。 以上这篇解决layui使用layui-icon出现默认图标的问题就是小编分享给大家的全部内容了，希望能给大家
layui图标不显示的解决办法
liqz666的博客
12-26 1万+
Layui图标出现方块或方格的原因 Layui图标出现方块或方格的原因 作者的话 我们在引用layui的时候，如果把layui.css和layui.js如果分开方到一个文件夹，我们在页面引入的时候，就可能会出现图标的异常，出现方块或者方格的现象。 最初我把css放到WebContetn下的css文件里，js我引用了layui文件夹里的js，结果就出现了图标异常，方格现象。 标解决办法 Ctr...
layui图标大全,精心整理
u013931283的博客
12-27 3万+
layui图标大全,一键复制粘贴,非常方便 点击这前往,复制代码 转载自:http://www.shagua.wiki/project/3?p=85
layui图标的学习
zhouzhou_98的博客
10-01 5563
首先，引入layui文件 在项目中引入layui.css和layui.js 使用图标的具体方式： 方法1 使用字符实体   & 相关样式 layui-icon 代表使用layui的图标处理样式去渲染 方法2 使用样式 相关图标样式可以去 https://www.layui.com/doc/elemen...
LayUI—tree树形结构的使用
小马同学
09-01 10万+
树形结构在实际开发中很长用到，比如部门管理，权限菜单等。因为用树形结构来展示会显的很清晰明了。最近写了一个个人博客小项目中用到了LayUI的树形结构，之后写了一个小案例整理一下。 官网地址：https://www.layui.com/v1/doc/modules/tree.html 先看一下显示的效果图。 点击节点右面会显示对应部门的详情信息，可以修改。可以自定义按钮添加部门，也可以直接...
LayUI树形表格treetable使用详解
热门推荐
小马同学
04-29 14万+
LayUI是现在比较流行的一款前端框架，也有很多人基于LayUI开发了很多不错的组件，比如treetable树形表格。因为treetable是第三方基于LayUI开发的，所以需要先用Layui引入一下文件。 layui.config({ base : 'static/layui/' }).extend({ treetable : 'treetable-lay/treetab...
layui组件实例
persistence_PSH的博客
03-30 733
文章目录组件实例1、弹出层1、使用方式2、基础参数3、示例2、日期与时间选择3、分页 组件实例 1、弹出层 1、使用方式 模块加载名称：layer，独立版本：https://layer.layui.com/ 第一种作为独立组件使用，在https://layer.layui.com/下载组件包，在需要使用的页面加载1.8以上的jquery的js和layer.js文件 独立使用需要用到Bootstrap的jquery的js文件 <link rel="stylesheet" type="text/css"
Layui框架快速使用视频+Laui数据表格使用
03-17
该资源中提供了视频资料+...测试使用servlet测试学习成本低，该资源教会你使用Layui基本使用，Layui分页工具使用，Layui数据表格使用，能够方便的搭建优雅的前端，实现前后端数据交互。 该资源适合Layui框架入门人员。
layui图标选择器插件，主要用于后台菜单图标管理iconPickerFa
12-26
1. 引入资源：首先需要引入layui的CSS和JS文件，以及iconPickerFa的特定JS文件和Font Awesome的CSS文件。这些文件可以从提供的压缩包“layui-v2.5.6”和“font-awesome-4.7.0”中找到。 2. 初始化配置：在layui的...
laui控制按钮的隐藏和显示
huhailong_1的博客
06-29 2750
<#include "/admin/commons/_detailheader.ftl" /> <style type="text/css"> .layui-table td .layui-table-cell { height: 80px; line-height: 80px; } </style> <div class="layui-card-body" style="padding:0 6px.
layui环境搭建和两种使用方式（二）（阁瑞钛伦特软件—九耶实训）
m0_69234258的博客
05-28 332
1.1.2 两种使用方式 两种使用方式： （1）模块化：加载指定模块。 （2）非模块化：加载全部模块。 使用Layui需要引入layui/css/layui.css和layui/layui.js文件。如果是采用非模块化方式可以引入layui/layui.all.js文件 1.1.2.1 加载单独模块 示例代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"...
layui框架上传文件MultipartFile参数null解决办法
木心小白菜的博客
11-16 2466
最近在用layUI框架做一个小项目，上传文件时MultipartFile参数输出为null，下面是我的解决办法： 首先是我后端的java代码： @RequestMapping("/upload") public String fileuoload2(HttpServletRequest request, MultipartFile file) throws Exception {} 当使用layui框架的向后台传数据的时候，出现了错误提示： 标记文HTTP500: 服务器错误 - 服务器遇到了阻
layui图标用法总结
tao111369的博客
12-11 1万+
本文参考官方文档《layui图标使用官方文档》，建议先看此文章，并结合本文的前两个步骤使用即可 1.下载layui.js相关文档，《layui.js下载》，下载之后里面的内容如下： 只需要把layui文件夹拷贝到自己项目中即可 2.页面引入，在自己要实现文件上传功能的html页面引入下面两个文件： &lt;script src="${basePath?if_exists}/demp/...
基于layui实现简单的万智牌生命计数器页面
gc_2299的博客
08-27 636
基于layui实现简单的万智牌生命计数器页面
LayUi xm-select选择插件
王小工小工历程
08-30 292
layui 是一个前端 UI 框架，它提供了丰富的 UI 组件帮助开发者快速构建网页界面。然而，xm-select 并不是 layui 官方直接提供的一个组件，而是一个基于 jQuery 的、功能强大的下拉选择框（Select）插件。尽管它不属于 layui 官方组件库，但它可以与 layui 很好地集成使用，为你的页面增添丰富的下拉选择功能。
时序预测-基于自回归滑动平均模型时间序列ARIMA预测Matlab程序 点变量
最新发布
08-30
时序预测|基于自回归滑动平均模型时间序列ARIMA预测Matlab程序 点变量 1.程序功能已完成调试，用户可以通过一键操作生成图形和评价指标。 2.数据输入以Excel格式保存，只需更换文件，即可运行以获得个人化的实验结果。 3.代码中包含详细注释，具有较强的可读性，特别适合初学者和新手。 4.在实际数据集上的效果可能较差，需要对模型参数进行微调。 CSDN：机器不会学习CL 时序预测|基于自回归滑动平均模型时间序列ARIMA预测Matlab程序 点变量 1.程序功能已完成调试，用户可以通过一键操作生成图形和评价指标。 2.数据输入以Excel格式保存，只需更换文件，即可运行以获得个人化的实验结果。 3.代码中包含详细注释，具有较强的可读性，特别适合初学者和新手。 4.在实际数据集上的效果可能较差，需要对模型参数进行微调。 CSDN：机器不会学习CL
基于微信小程序的考研资料分享系统的设计与实现.docx
08-30
基于微信小程序的考研资料分享系统的设计与实现.docx
laui的select的option加滚动条
07-01
为了在laui的select中添加滚动条，我们可以使用以下步骤： 1. 首先，在laui的select标签中，添加一个固定高度的样式，例如：style="height: 200px;"，该高度可以根据页面设计和需求进行调整。 2. 然后，在laui的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值