1: 2: 3: 4: 5: 6: 7:…

转载地址:http://blog.csdn.net/beauxie/article/details/60959971 本文搜集的是本人在实际开发中所用到的layer窗口,未用到的layer按钮,请参考layer官网:http://layer.layui.com/ 一.layer的icon样式 以上样式测试代码: layer.confirm('icon测试', {icon: 1, title:'提示'}, function(index){ //do something alert("确认"…

本文是自己整理的关于layer插件的icon样式结果 一.准备工作 下载jQuery插件和layer插件,并引入插件(注意:jQuery插件必须在layer插件之前引用) 百度云资源链接: jQuery插件:链接:https://pan.baidu.com/s/1P8wGff6UfVn5JaplH4uysw 密码:rms3 layer插件:链接:https://pan.baidu.com/s/1EuTF0DBY_azdQhcRCl0yBA 密码:xvjh 二.icon样式测试 三.测试代码 $(…

一.layer的icon样式 以上样式测试代码: layer.confirm('icon测试', {icon: 1, title:'提示'}, function(index){ //do something alert("确认"); layer.close(index); }); 二.询问框 官方案例: layer.confirm('您是如何看待前端开发?', { btn: ['重要','奇葩'] //按钮 }, function(){ layer.msg('的确很重要', {icon…

下载 样式包  Layui  layer 引入 js 及 样式: <link rel="stylesheet" href="${ctx}/static/layui/css/layui.css" media="all"> <script src="${ctx}/static/layui/layui.all.js" charset="utf-8"></script> 1):正…

layui  checkbox扩展插件:  一.新建  checkbox.css 样式文件 .checkBox .block{float:left; margin:5px;padding:6px 6px;width:80px;height:18px;text-align:center; border:1px solid #ccc;position:relative;cursor:pointer;overflow:hidden;} .checkBox .block .choice{position…

1.首先你得引入layui文件吧 2.在 application\config.php 中配置,像这样,,, 3.controller中这样写 $data = Db::table($table) ->paginate(10);//查出数据表所有数据 view中这样写 {$data->render()} over!喽 对,效果图在这  …

1.先配置你的分页参数: //分页配置 'paginate'      => [ 'type'      => 'Layui', 'var_page'  => 'page', 'list_rows' => 15, 'newstyle'  => true, ], 2. 下载文件(Layui.php),并复制到 \thinkphp\library\think\paginator\driver 3. 模板文件里正常使用分页即可 PHP: // 获取分页显示$page = $inqu…

前言: 多图上传在一些特殊的需求中我们经常会遇到,其实多图上传的原理大家都有各自的见解.对于Layui多图上传和我之前所说的通过js获取文本框中的文件数组遍历提交的原理一样,只不过是Layui中的upload.render方法已经帮我们封装好了,我们只管调用即可,也就是说你选中了几张图片,那么将会向后台请求与图片张数相同的次数,即为遍历提交的方式. Layui文件/图片样式地址(官方文档):https://www.layui.com/demo/upload.html 一.引入Layui.cs和L…

第一步: 进入阿里矢量图标库并登录 地址:https://www.iconfont.cn 第二步: 选择项目需要的图标添加到库 第三步: 选完之后点击右上角的购物车,打开后点击添加到项目,没有就自己建一个(按钮都在同一个页面) 第四步: 添加到项目后,在弹出的页面修改项目防止icon命名与自己的UI框架(如elementui)冲突 在   更多操作->编辑项目  下(设置字体的前缀:fontClass/Symbol 前缀) 第五步: 修改完成项目后进行选择css并下载下来 第六步: 在你的vue…