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 · 88 阅读 · 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 · 113 阅读 · 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 · 72 阅读 · 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 · 94 阅读 · 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 · 80 阅读 · 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 · 81 阅读 · 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 · 92 阅读 · 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 · 88 阅读 · 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 · 89 阅读 · 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 · 90 阅读 · 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 · 108 阅读 · 0 评论