layui
小草dym
这个作者很懒,什么都没留下…
展开
-
文件上传——选择文件之后自动上传||文件上传的后端代码
选择文件之后自动上传//普通图片上传 var uploadInst = upload.render({ elem: '#test1' , url: 'file/upload.action' , accept: 'images' , acceptMime: 'image/*'...原创 2020-04-21 23:58:55 · 1054 阅读 · 0 评论 -
数据表格+弹出层的综合案例
json准备persons.json{ "code": 0, "msg": "", "count": 101, "data": [ { "id": "10001", "username": "杜甫", "email": "xianxin@layui.com", "sex": "1", "city": "浙江杭州", "LAY_CHECKED...原创 2020-04-21 22:42:47 · 263 阅读 · 0 评论 -
数据表格——相关属性 :表格属性、表头属性||相关事件监听
基本使用准备jsonusers.json{ "code": 0, "msg": "", "count": 101, "data": [ { "id": "10001", "username": "杜甫", "email": "xianxin@layui.com", "sex": "男", "city": "浙江杭州", "sign": ...原创 2020-04-21 21:18:37 · 678 阅读 · 0 评论 -
layer.open.type详解
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/lo...原创 2020-04-21 19:26:07 · 10420 阅读 · 0 评论 -
弹出层
layer.alertlayer.confirmlayer.promptlayer.tablayer.photos(options){ "title": "相册标题", "id": 123, "start": 0, "data": [ { "alt": "图片名1", "pid": ...原创 2020-04-21 18:55:46 · 129 阅读 · 0 评论 -
表单对象 form
监听提交事件监听下拉框改变事件监听复选框改变事件监听开关改变事件监听单选框选中事件...原创 2020-04-20 00:03:45 · 727 阅读 · 0 评论 -
表单元素
输入框密码框下拉列表【重新渲染】是加入layui-form 引入form模块lay-search=""是否支持下拉输入过滤单选框【重新渲染】是加入layui-form 引入form模块复选框【重新渲染】是加入layui-form 引入form模块lay-skin="primary"使用原始的样式开关【重新渲染】是加入layui-form 引入fo...原创 2020-04-19 23:18:08 · 296 阅读 · 0 评论 -
时间和日期选择器
时间和日期选择器<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:...原创 2020-04-18 16:50:53 · 184 阅读 · 0 评论 -
代码修饰器
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/lo...原创 2020-04-18 16:13:15 · 496 阅读 · 0 评论 -
轮播
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&...原创 2020-04-18 15:55:55 · 116 阅读 · 0 评论 -
评分
评分<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/ht...原创 2020-04-18 15:17:10 · 185 阅读 · 0 评论 -
颜色选择器||滑块
颜色选择器 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/T...原创 2020-04-18 15:04:22 · 440 阅读 · 1 评论 -
动画
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&...原创 2020-04-18 14:39:10 · 154 阅读 · 0 评论 -
时间线
时间线<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;"> <legend>常规时间线</legend></fieldset><ul class="layui-timeline"> <li ...原创 2020-04-18 14:27:39 · 325 阅读 · 0 评论 -
徽章
徽章<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.or...原创 2020-04-18 13:59:48 · 196 阅读 · 0 评论 -
布局
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd...原创 2020-04-18 10:06:44 · 134 阅读 · 0 评论 -
面板——卡片面板、常规折叠面板、手风琴折叠
1. 卡片面板 2. 普通折叠面板3. 手风琴面板 在普通面板上加 lay-accordion=""<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUB...原创 2020-04-18 10:07:14 · 664 阅读 · 0 评论 -
进度条
进度条 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org...原创 2020-04-17 22:02:15 · 865 阅读 · 0 评论 -
选项卡
1. 风格说明lay-allowclose="true"lay-filter="demo" layui 使用的可以找到元素的属性<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCT...原创 2020-04-17 21:49:38 · 252 阅读 · 0 评论 -
导航菜单
相关样式方向:水平 默认的垂直 layui-nav-tree<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitio...原创 2020-04-17 20:31:41 · 1636 阅读 · 0 评论 -
layui——按钮
必要样式 layui-btn 主题样式 大小样式 图标结合 圆角样式按钮组事件监听<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PU...原创 2020-04-17 20:09:19 · 4744 阅读 · 0 评论 -
layui使用方法——图标
layui使用方法创建项目并引入layui方法1 使用字符实体方法2 使用样式<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4....原创 2020-04-17 19:34:57 · 4312 阅读 · 0 评论 -
layui概述||layui的学习内容
概述下载地址 https://www.layui.com/ 下载文件说明layui.all.js 包含了所有模块的jslayui.js 框架 如果要使用必须使用 layui.use(["table","layer","laydate","form"],function(){})layui的学习内容图标 按钮 导航菜单 选项卡 进度条 面板+...原创 2020-04-17 18:46:53 · 372 阅读 · 0 评论