![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
layui
IF_YOU_Qian
记录工作中遇到的小问题,错误的地方欢迎指导。
展开
-
zTree自定义样式图标---纯CSS样式实现
纯CSS样式覆盖,实现zTree自定义样式图标1 . 效果样式(如下)2 . 修改设置,隐藏默认图标var setting = { view: { showTitle: false, showLine: false, showIcon: false,//不展示图标 selectedMulti: false, dblClickExpand: false, nameIsHTML: true, addD原创 2020-06-24 17:17:36 · 2736 阅读 · 0 评论 -
layui.table表格视图切换
layui.table表格视图切换前言:需求是使用layui的表格,展示不同的视图,数据不变共用一套toolbar搜索以及表格页码,更换中心内容展示方式;1 . 效果样式(如下)点击按钮动态切换视图难点:1 . 区分每一个laydate选框;2 . 要求开始时间不能大于结束时间;3 . 点击上方时间范围下方同步更改;2 . html代码片段//按钮绑定事件 <button class="layui-btn layui-btn-sm layui-btn-warm" lay-ev原创 2020-06-06 14:53:14 · 2012 阅读 · 4 评论 -
点击图片查看原图(图片按比例展示,点击旋转)
使用layer弹框:实现点击图片查看原图的效果;引入layer,函数封装:// 点击图片查看大图function showImage(imgDom) { layui.use(['layer'], function () { var layer = layui.layer; var imgLayer; //判断父级是否为iframe层 ...原创 2019-11-20 14:14:21 · 2449 阅读 · 0 评论 -
时间段判断重合
多个且双层时间段判断重合前言:需求是父级时间段不能和平级时间段重合,而每个父级里包含n个子级时间,互相之间也不能重合;1 . 样式2 . 封装函数//时间冲突比较function timeCompare(startTimes, endTimes){ var begin = startTimes.sort(); var end = endTimes.sort(); ...原创 2019-11-19 18:40:33 · 440 阅读 · 0 评论 -
多处使用laydate,上方限制下方时间范围
多处使用laydate,上方限制下方时间范围前言:需求是上方laydate开始与结束时间是一个范围,选定后,下方添加出的每一行数据中,都会调用laydate,但是范围不能超过上方,默认和上面时间一致,当点击上方切换时间时,下方时间同步更换;1 . 样式难点:1 . 区分每一个laydate选框;2 . 要求开始时间不能大于结束时间;3 . 点击上方时间范围下方同步更改;2 . 页...原创 2019-11-18 18:44:59 · 447 阅读 · 0 评论 -
layui时间选择器---去除秒列
layui时间选择器—去除秒列前言:layui开发文档中介绍的时间选择器包含了时,分,秒的选择,在实际开发过程中,我们选择时间可能不需要精确到秒。原始结构:1、HTML页面引入layui.js文件2、HTML文件中添加如下代码:3、在js文件中添加如下代码:注:由于页面宽度不够,或引入多个时间相关选择器可能会出现点击闪现后消失的情况,所以使用click弹出,可以避免问题的出现...原创 2019-07-04 10:54:39 · 2339 阅读 · 5 评论 -
调用layui相册层---实现点击图片放大查看
前言:页面排版过程中可能会出现多个小图片并排排列,但对于查看图片内容来说并不十分方便;原创 2019-07-23 18:26:51 · 1301 阅读 · 0 评论