layui
Skye Lin
话不多说,放码过来
展开
-
layui上传图片以及图片预览
1.选择文件后自动上传<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="../../layui/css/layui原创 2018-08-12 17:20:28 · 8453 阅读 · 2 评论 -
解决layui上传图片预览旋转90度的问题
问题:使用layui上传图片的,出现图片旋转90度解决办法:通过EXIF.getData获取图片信息,判断图片是否旋转html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&...原创 2019-09-05 11:45:13 · 3343 阅读 · 1 评论 -
layui数据表格在ios设备上列宽无限增长的问题
问题:做项目的时候需要适配ipad,发现在pc端显示良好的数据表格,在iPad上表格列宽无限向右增长的现象,我没有设置表格的整体宽度,而是让她自适应父元素的宽度。解决办法:在网上找了很久的解决办法,没有找到,最后自己尝试修改寻找原因,发现将我在渲染表格时候设置的列宽注释掉,列宽就不会无限增长了。原因:尚未发现。...原创 2019-06-11 21:48:43 · 849 阅读 · 0 评论 -
怎样存储layui模板引擎后台返回的数据,在需要的时候获取
在项目中遇到一个情况,需要动态获取后台的返回数据,并在前台渲染出来,并且能够根据所点击的不同标签,随时获取对应数据。在网上看到两种方法,一种是写一个动态创建div模板的函数,并将返回值作为参数在其中展示出来;一种是layui模板引擎进行数据渲染。 但是这种渲染方式在渲染完成之后不能获得后台返回的完整的数据,暂时相处一种解决办法:将返回值作为一个对象用JSON.stri...原创 2018-11-25 21:15:57 · 3520 阅读 · 0 评论 -
layui点击按钮页面会自动刷新的问题
问题:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="原创 2018-11-22 20:46:19 · 6167 阅读 · 2 评论 -
layui改变laydate日历的样式
因项目需要将layui日历的样式进行了改变,主要改变如下:1.在layui日历中添加价格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title> <原创 2018-11-07 22:25:23 · 11029 阅读 · 2 评论 -
layui弹出层的icon
1.layer.msg('弹出层',{icon:1});2.layer.msg('弹出层',{icon:2});3.layer.msg('弹出层',{icon:3});4.layer.msg('弹出层',{icon:4});5.layer.msg('弹出层',{icon:5});6.layer.msg('弹出层',{ico...原创 2018-08-11 10:09:50 · 4130 阅读 · 0 评论 -
layui模板引擎的使用1
1.html文件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="../../layui/css/layui.cs原创 2018-09-15 21:18:05 · 2089 阅读 · 1 评论 -
layui时间日历的使用之改变时间日历的大小
方法是重新设置日历样式:#test-n1 .layui-laydate-main{width:600px;}#test-n1 .layui-laydate-content td,#test-n1 .layui-laydate-content th{width:87px;height: 50px;}完整代码:<!DOCTYPE html><html> &...原创 2018-09-15 21:26:15 · 5319 阅读 · 2 评论 -
layui学习笔记一
1.form表单自定校验的时候,能够直接return字符串提示消息form.verify({ username:function(value){ if(value.length<5){ return '用户名至少得5个字符啊'; } } });2.提交form表单,用layer.msg显示提示信息时,出现提示框闪现或显示不出...原创 2018-08-11 12:38:04 · 490 阅读 · 0 评论 -
layui数据表格table导出所有数据到excel
在用layui自带的table导出excel表的时候发现,分页的时候只能导出当前页的数据。项目中甲方要求导出所有数据,后进行很多解决办法的尝试。1.刚开始想到有用toobar在表头工具栏自己加一个导出按钮,不用layui设置的导出按钮,用户点击导出按钮的时候,发一个page:1,limit:100000000(将limit设置到足够大,以保证能请求到所有数据)的请求,再通过layui设置的导出...原创 2019-09-21 10:47:17 · 12020 阅读 · 2 评论