layui
Kingsaj
这个作者很懒,什么都没留下…
展开
-
utils.js 常用方法
var utils = { //获取链接参数值 urlQuery : function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return decodeURI(r[2]);原创 2021-05-23 11:44:30 · 951 阅读 · 0 评论 -
layui -- autoForm 模块(动态生成表单,非官网模块)
动态生成form表单的需求可用, formTemplate.html 和 autuform.js 在同级目录 ,使用方式如下创建 autoform文件夹 formTemplate.html 和 autuform.js在其下<!-- formTemplate.html--><script id="autoFormTemplate" type="text/html"> <form class="layui-form" id="{{d.form.id}}.原创 2021-05-23 11:42:07 · 843 阅读 · 0 评论 -
layui-table
功能点:添加数据编辑修改数据(TODO)删除添加数据时form表单进行验证主要使用了,layui table 和 layui form 模块实现<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>layui-table</title> <meta name="renderer" content="webkit">原创 2021-05-20 19:02:16 · 588 阅读 · 0 评论 -
layui table 点击行可展开内容
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>layui-table</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <.原创 2021-05-20 18:38:02 · 3624 阅读 · 0 评论 -
laydate,某一天的时间范围
需求:点击输入框,选择年月日,起初时间 到 截止时间.<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>时间插件</title> <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui-v2.5.6/css/layui.css" /> <.原创 2021-01-18 14:56:22 · 217 阅读 · 0 评论 -
layui图标不显示的解决办法
Layui图标出现方块或方格的原因我们在引用layui的时候,如果把layui.css和layui.js如果分开方到一个文件夹,我们在页面引入的时候,就可能会出现图标的异常,出现方块或者方格的现象。我是把layui结构调整了一下就解决了...原创 2021-01-07 10:44:14 · 4140 阅读 · 7 评论 -
layui.upload -图片/文件上传
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>文件上传</title> <style>原创 2020-12-18 15:20:07 · 1221 阅读 · 0 评论 -
layui弹窗 获取 iframe获取值
layer.open({ type: 2, title: '修改维护', shade: [0.6], area: ['600px', '800px'], btn: ['确认', '取消'], anim: 2, content: ['/frame/view/toProcess.html', 'no'], yes:...原创 2020-12-17 19:19:32 · 1311 阅读 · 0 评论 -
layui.open() 错误问题记录: Uncaught TypeError: s.parents is not a function
解决办法:修改 type 类型$('.approval-box').on('click', '.add-approval-person', function () { // 无法弹出iframe框 layer.open({ skin:'common-iframe-skin', type: 1, // typeL类型错误修改成 2 (iframe层即可) title: '选择发起人', shade: [0.3], area: ['90.原创 2020-11-10 09:32:56 · 1227 阅读 · 0 评论 -
layer.open( ) 二次封装
/** title: 标题* url: 访问地址* callback: 关闭弹窗回调*/function layerWindowUI(title,url,callback){ var index = layer.open({ type: 2, title: title, shadeClose: true, //是否点击遮罩关闭 shade: 0.8, area: ['92%', '90%'],原创 2020-09-09 16:31:57 · 431 阅读 · 0 评论 -
layui-layDate时间控件点击闪烁及不能正常显示问题
layui进行开发中时,列表页面中弹出层得业务需求,在弹层中layUI-layDate时间控件点击闪烁问题. //列表时间选择 layui.use('laydate', function(){ var laydate = layui.laydate; //执行一个laydate实例 laydate.render({ elem: '' //指定元素 ,trigger: 'click' //自动弹出控件的事件,采用click弹出 ** 关键代码 ** }); });在配原创 2020-09-08 10:51:39 · 758 阅读 · 0 评论 -
根据屏幕分辨率设置 layer.open 的大小
function demo() { // 监听分辨,设置 layer.pon大小 var area = [];if (window.screen.width > 1680 && window.screen.width <= 1920) { area = ['58%', '96%'] } else if (window.screen.width > 1600 && window.screen.width <= 1680) { are原创 2020-08-13 15:09:44 · 3076 阅读 · 0 评论