![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
layui
layui模板框架的一些使用
BlizzardWu
这个作者很懒,什么都没留下…
展开
-
layer.open 当传值为数组或值太长时处理方法
layer.open 当传值为数组或值太长时处理方法原创 2022-06-23 17:30:58 · 970 阅读 · 0 评论 -
layui -- loading实现加载中效果
1、layer.msglayer.msg('Loading...', { icon: 16 , shade: 0.01 , time: 5000});2、弹出遮罩层显示加载中var loading = layer.load('Loading...', { shade: [0.1,'#fff'] //0.1透明度的白色背景});setTimeout(function (data) { //最后数据加载完 让 loading层消失 layer.close(loading);原创 2022-05-24 10:45:26 · 5643 阅读 · 1 评论 -
layui 子页面传值到父页面
简单的例子:单击确定按钮将获取的值传到父页面并关闭当前子页面.首先在父页面定义一个函数:function GetChildValues(val) { if (val!= "") { console.log(val); }}在子页面再写一个函数单击确定拿到值后调用该函数function BtnOk(val) { parent.GetChildValues(val); //这是父页面函数 var index = parent.layer.getFrameI原创 2022-05-23 15:40:25 · 1307 阅读 · 1 评论 -
Layui 镜像站
推荐使用Layui镜像站:https://www.layui.siteLayui文档:Layui 开发使用文档 - 入门指南Layui示例:在线示例 - LayuiLayer文档:layer弹层组件开发文档 - LayuiLayer:layer 弹出层组件 - jQuery 弹出层插件Mobile:layer 移动端弹层界面组件...原创 2021-12-07 16:11:43 · 769 阅读 · 0 评论 -
layui-- from常用
{include file="public:header"/}<link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all"><!-- 让IE8/9支持媒体查询,从而兼容栅格 --><!--[if lt IE 9]> <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script原创 2021-11-15 10:39:24 · 285 阅读 · 0 评论 -
tp5 paginate 分页带参数
写法:paginate(10, false, [‘query’ => request()->param()]);$list = Db::name('student') ->where($where) ->order('id desc') ->paginate(10, false, ['query' => request()->param()]);$page = $list->render(); //分页渲染$list = $list->t原创 2020-12-16 16:23:28 · 379 阅读 · 0 评论 -
js 获取select的值
html:<select id="class_id" name="class_id"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option></select>第一种方法:var class_id = $('#class_id').val()第二种方法:var t = d原创 2020-12-15 17:18:17 · 7813 阅读 · 2 评论 -
layui 验证规则 lay-verify
例子<input type="text" id='mobile' name="mobile" value="{$list.mobile}" lay-verify="required|phone|number"; class="form-control">lay-verify:关键字关键字(支持多条规则的验证)required (必填项)phone(手机号)email(邮箱)url(网址)number(数字)date(日期)identity(身份证)自定义验证规则for原创 2020-11-21 20:27:35 · 2007 阅读 · 0 评论 -
layui 三级联动 重新渲染
html部分:<div class="layui-form-item"> <label class="layui-form-label">选择省市区</label> <div class="layui-input-inline"> <select name="province" lay-search="" id="province" lay-filter="province"> <op原创 2020-10-13 17:46:41 · 397 阅读 · 0 评论 -
layui 点击放大图片
html<div class="layui-input-block"> <img class="radius50" src="{$list.identity}" style='width:100px;height:100px;padding:1px;border:1px solid #ccc' /></div>js:layui.use(['jquery', 'layer', 'form'], function () { $ = layui.$;原创 2020-09-09 14:57:39 · 499 阅读 · 0 评论