/** layui-v2.3.0 MIT License By https://www.layui.com */.layui-inline,img { display: inline-block; vertical-align: middle} .layui-rate,li { list-style ...
转载 2021-08-08 07:53:00
1341阅读
2评论
目录结构 引用路径 <link rel="stylesheet" href="../static/layui/css/layui.css" type="text/css"/> application.properties spring.mvc.static-path-pattern=/static/
转载 2021-02-13 19:47:00
308阅读
2评论
使用插件(layui.css)对原本样式的影响作者:吱韩菌 下面是我最近做的一个页面遇到的问题,在页面设计到一半时,发现后半部分的页面涉及到的样式效果较多、代码量较大的缘故,于是打算用插件完成一些样式效果。我所用到的插件是layui.csslayui.all.js。 引用插件之后的效果: 未引用插件之前: 引用插件之后的效果: 鼠标移入: 未引用插件之前: 引用插件后在页面发现部分样式发生改变,
转载 2024-09-29 14:51:47
33阅读
今天分享的是前端哥之前在做项目的时候遇到的一个需求,h5端需要很多的图标并且需要后台控制,当时设计师也比较忙,刚好前端框架用的layui,前端哥想了想就结合css字体图标font-awesome制作的这个字体图标选择插件,然后前端哥就整理一下代码分享到我的个人网站,希望对你有所帮助
原创 2023-01-27 11:04:36
232阅读
在实用价值的前提之下,我们并没有内置过多花俏的动画。而他们同样在 layui 的许多交互元素中,发挥着重要的作用。layui 的动画全部采用 CSS3,因此不支持 ie8 和部分不支持 ie9。使用方式动画的使用非常简单,直接对元素赋值动画特定的 class 类名即可。如:其中 layui-anim 是必须的,后面跟着的即是不同的动画类 <div class="layui-anim layu
原创 2024-01-08 23:41:12
383阅读
代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Layui 示例</title> <link rel="stylesheet" href="https://cdn.jsdelivr.
原创 2月前
128阅读
SpringMVC今天从以下几个内容给大家介绍:SpringMVC简介SpringMVC的基础配置注解驱动请求映射响应SpringMVC简介在介绍SpringMVC之前先看看什么是MVC: SpringMVC其实就是一种基于Java实现MVC模型的轻量级Web框架。优点:使用简单性能突出(相比现有的框架)灵活性强SpringMVC的基础配置Controller加载控制: SpringMVC的处理器
转载 2024-04-06 13:42:48
73阅读
原创 2021-10-18 14:10:11
359阅读
http://www.y-one.cn/code/ac4fcacc04224a71b8b49a5e683e88fb.html
原创 2023-05-09 16:02:41
120阅读
Layui1.布局容器(直接class="")1.1 固定宽度(就是两边有空白)class="layui-container"1.2 完整宽
原创 2022-10-31 13:57:47
133阅读
分享一个自己写的方便操作layui的jquery工具类文档jquery.layui.util.js1.tableGetCheckIds简介 获取layui table 所有选中的id 参数 tableId(table组件的id) 返回值 选中的所有id以","结尾的字符串 用法 $.lay.tableGetCheckIds("test");2.reloadAllIframe简
转载 2024-06-25 18:26:28
200阅读
layui表格监听checkbox是否选中并获取选中行的数据 // maingrid:body里面的table的id名 table.on('checkbox(maingrid)', function(obj){ console.log("当前是否选中状态:"+obj.checked); //当前是否
原创 2021-05-30 22:56:18
774阅读
这两天为了实现分页模糊查询了很多种方法,最后汇总使用了两个前端框架来写,第一个是Bootstrap,第二个是Layui。 Bootstrap是一种较为粗暴的方法,而Layui则需要自己渲染分页 本篇文章先介绍使用Layui进行模糊分页查询。比较简单,大牛轻喷嘿嘿嘿嘿嘿嘿嘿 Layui是一个非常不错的前端框架,上手很快,用起来也很舒服便捷,附上官方网站:https://www.layui.com/L
转载 2023-12-07 08:37:36
67阅读
Layui 的内置jquery 版本 //layui-v2.4.5 的内置jquery 版本。 console.log(layui.$.fn.jquery);//=> 1.12.3可以使用内置jq的方法:方法一:layui.use(['table'], function(){ var table = layui.table,     $=la
转载 2023-06-15 20:01:50
640阅读
背景项目是vue+element UI,日期范围选择控件如element官网双击时会填充开始日期和结束日期,老板总是点击开始日期激活选择框,双击一个日期,然后点击结束日期激活选择框,再次双击一个日期,然后说这两个日期怎么一模一样...无奈,最后找到了这种带有确定按钮的选择组件,layui1.引入1.1下载:https://www.layui.com/解压后得到如下内容:1.2 把整个目录拷贝到项目
转载 2023-08-13 08:27:11
221阅读
layui的介绍layui,是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。layui 首个版本发布于2016年秋,她区别于那些基于 MVVM 底层的 UI 框架,却并非逆道而行,而是信奉返璞归真之道。准
转载 2023-12-19 22:47:00
140阅读
 即,目前认为,layui和easyui都可以看成是一个UI框架,然后二者的用途基本类似,可以互相取代。easyui是基于jQuery的。自然 layui和easyui就UI框架这个层面来讲,背后的基础都是JavaScript。目录1.【JQuery easyui】是什么?2.jquery easyui和layui的区别是什么?1.【JQuery easyui】是什么?本部分参
转载 2023-09-23 07:04:27
0阅读
layui 怎么引用在下载layui后如何快速将其引入至项目中,layui是一款经典模块化前端ui,它的模块是基于 layui.js 内部实现的异步模块加载方式 ,与日常所熟知的AMD 规范有所区别,有一套完全属于layui定义的模块加载规范,通过预加载方式,这也是layui官方所推荐的方式,将下载到的源码引入项目只需要引入layui.csslayui.js两个文件,通过layui.use()方
需求        点击一行数据后面的处理,只刷新这行数据的内容,不全部刷新页面update  layui 给我们提供了update方法,可以用来修改当前行数据//工具条事件 table.on('tool(test)', function(obj){ //注:tool 是工具条事件名,test 是 table 原始容器的属性 lay-fi
简单介绍我是通过Servlet传递json给layui数据表格模块,实现遍历操作的,不过数据量大的话还是需要搜索功能的。这是我参考网上大佬代码写出的搜索功能。实现原理要实现搜索功能,肯定需要链接数据库并在数据库根据相应的字段查询,把查询结果再返回到layui数据表格,因为需要展示我们在数据库查询到的数据,所以需要重载表格,也就是只刷新一下表格。实现方法首先获取到自己的搜索框的数据,把数据传到重载模
转载 2024-06-14 14:34:00
438阅读
  • 1
  • 2
  • 3
  • 4
  • 5