Layui快速学习
本宝宝不开心
本宝宝不开心,造轮子和夯实基础中
展开
-
11-分页
layui分页使用laypage模块<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>分页</title> <link rel="stylesheet" type="text/css" href="layui-v2.6.8/layui/css/layui.css"> <script src="layui-v2.6.8/layui/layui原创 2021-07-11 21:45:16 · 80 阅读 · 0 评论 -
10-日期与时间选择
日期与时间选择依靠laydate模块<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>日期与时间选择</title> <link rel="stylesheet" type="text/css" href="layui-v2.6.8/layui/css/layui.css"> <script src="layui-v2.6.8/layui/原创 2021-07-11 21:19:06 · 105 阅读 · 0 评论 -
09-弹出层
layui弹出层依靠layer模块<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>弹出层</title> <link rel="stylesheet" type="text/css" href="layui-v2.6.8/layui/css/layui.css"> <script src="layui-v2.6.8/layui/layui原创 2021-07-11 21:17:33 · 66 阅读 · 0 评论 -
08-表单
layui的表单依赖form模块<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>表单</title> <link rel="stylesheet" type="text/css" href="layui-v2.6.8/layui/css/layui.css"> <script src="layui-v2.6.8/layui/layui.j原创 2021-07-11 21:16:43 · 78 阅读 · 0 评论 -
07-表格
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>表格</title> <link rel="stylesheet" type="text/css" href="layui-v2.6.8/layui/css/layui.css"> </head><body><!-- lay-skin: - row 列风格原创 2021-07-10 17:44:43 · 71 阅读 · 0 评论 -
06-选项卡
选项卡<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>选项卡</title> <link rel="stylesheet" type="text/css" href="layui-v2.6.8/layui/css/layui.css"> <script src="layui-v2.6.8/layui/layui.js" type="tex原创 2021-07-01 23:22:37 · 70 阅读 · 0 评论 -
05-导航
导航页面编写<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>导航</title> <link rel="stylesheet" type="text/css" href="layui-v2.6.8/layui/css/layui.css"> <script src="layui-v2.6.8/layui/layui.js" type="t原创 2021-07-01 23:04:14 · 78 阅读 · 0 评论 -
04-按钮
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>按钮</title> <link rel="stylesheet" type="text/css" href="layui-v2.6.8/layui/css/layui.css"></head><body> <!-- 按钮 向任意html元素设定*class原创 2021-06-30 16:55:13 · 73 阅读 · 0 评论 -
03栅格系统
03栅格系统<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>栅格系统</title> <link rel="stylesheet" type="text/css" href="layui-v2.6.8/layui/css/layui.css"></head><body> <!-- 布局容器 --> &l原创 2021-06-28 22:51:03 · 80 阅读 · 0 评论 -
02布局容器
02布局容器<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="layui-v2.6.8/layui/css/layui.css"> </head> <body> <!-- 布局容器 1.原创 2021-06-28 22:50:06 · 77 阅读 · 0 评论 -
01layui快速引用
快速引用<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>layui的使用</title> <!-- layui的核心css文件--> <link rel="stylesheet" type="text/css" href="layui-v2.6.8/layui/css/layui.css"/> <!-- layu原创 2021-06-28 22:49:10 · 89 阅读 · 0 评论