![](https://img-blog.csdnimg.cn/20191029205715300.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
LayUI的学习与使用
LayUI的学习与使用
每天get一点点
不积跬步,无以至千里;不积小流,无以成江海。
展开
-
Layui时间选择器 一闪而过 设置 trigger: 'click'
添加属性trigger:'click'原创 2020-01-08 14:50:14 · 2308 阅读 · 0 评论 -
Layui 时间日期选择器的初始化
使用HTML部分<input name="checkTime" id="checkTime" lay-verify="required" placeholder="请输入检查时间" autocomplete="off">JS部分 laydate.render({ elem: '#checkTime', //指定元素 ...原创 2020-01-08 14:37:15 · 6526 阅读 · 0 评论 -
LayUI静态表格设置th居中
.layui-table th { text-align: center; }原创 2020-01-08 10:07:48 · 4065 阅读 · 0 评论 -
LayUI刷新当前Tab选项卡
location.reload();原创 2020-01-07 17:08:33 · 7313 阅读 · 0 评论 -
LayUI部分基础介绍
Layui一、概述1.下载https://www.layui.com/2.下载文件的说明Css 样式Font 字体Images 图片Lay|-modules内置模块Layui.all.js 包含了所有模块的 jsLayui.js 框架 如果要使用必须使用 layui.use([“table”,”laydate”,”layda”]),function()二、学习内...原创 2020-01-03 10:44:21 · 3992 阅读 · 1 评论 -
Layui form 表单验证lay-verify的使用 和自定义验证及常用正则表达式
layui 表单自带校验lay-verify:表单验证的关键字有以下值供选择:required (必填项)phone(手机号)email(邮箱)url(网址)number(数字)date(日期)identity(身份证)自定义值layui支持多条规则的验证:格式:lay-verify=”验证1|验证2”如:lay-verify=”required|phone|number...原创 2019-12-30 10:44:49 · 18876 阅读 · 0 评论 -
layui 实现button click点击事件
HTML部分<button class="layui-btn layuiadmin-btn-comm layui-btn-sm" data-type="edit">编辑</button><button class="layui-btn layuiadmin-btn-comm layui-btn-sm" data-type="save">保存</butt...原创 2019-12-26 15:42:00 · 8954 阅读 · 0 评论 -
button layui-btn 色调
警告圆角按钮原始圆角按钮普通圆角按钮暖色圆角按钮警告圆角按钮原创 2019-12-20 10:46:06 · 1845 阅读 · 0 评论 -
layUI layer.open弹出层增加修改按钮的样式
方法一:全局修改应用样式(css中修改)//全局修改 在css增加样式//如果有四个按钮//class:.layui-layer-btn .layui-layer-btn0//.layui-layer-btn .layui-layer-btn1//以此类推 或者去网页查看class名字.layui-layer-btn .layui-layer-btn0{//css样式 现在网页中调...原创 2019-12-10 09:40:56 · 12189 阅读 · 3 评论 -
LayUI父级页面与子级页面的互相引用
父级页面获取子级页面元素//父级页面获取子级页面元素layero.find('iframe').contents().find("#misReport");//使子级页面元素触发点击事件layero.find('iframe').contents().find("#misReport").click();//给子级页面元素赋值layero.find('iframe').contents...原创 2019-12-09 16:29:11 · 642 阅读 · 0 评论 -
关于SSM框架LayUI结合PageHelper的简单配置及使用
参考文章链接:使用MyBatis分页插件PageHelper遇到的问题https://www.cnblogs.com/zx947240023/p/8150923.html搭建layui+mybaits分页插件pagehelper实现漂亮的前端分页功能https://blog.csdn.net/u014598014/article/details/79837207使用pagehelper报...原创 2019-10-23 22:42:26 · 467 阅读 · 0 评论