IF_YOU5849的博客

纯CSS样式覆盖，实现zTree自定义样式图标1 . 效果样式（如下）2 . 修改设置，隐藏默认图标var setting = { view: { showTitle: false, showLine: false, showIcon: false,//不展示图标 selectedMulti: false, dblClickExpand: false, nameIsHTML: true, addD

layui.table表格视图切换前言：需求是使用layui的表格，展示不同的视图，数据不变共用一套toolbar搜索以及表格页码，更换中心内容展示方式；1 . 效果样式（如下）点击按钮动态切换视图难点：1 . 区分每一个laydate选框；2 . 要求开始时间不能大于结束时间；3 . 点击上方时间范围下方同步更改；2 . html代码片段//按钮绑定事件 <button class="layui-btn layui-btn-sm layui-btn-warm" lay-ev

使用layer弹框：实现点击图片查看原图的效果；引入layer，函数封装：// 点击图片查看大图function showImage(imgDom) { layui.use(['layer'], function () { var layer = layui.layer; var imgLayer; //判断父级是否为iframe层 ...

多个且双层时间段判断重合前言：需求是父级时间段不能和平级时间段重合，而每个父级里包含n个子级时间，互相之间也不能重合；1 . 样式2 . 封装函数//时间冲突比较function timeCompare(startTimes, endTimes){ var begin = startTimes.sort(); var end = endTimes.sort(); ...

多处使用laydate,上方限制下方时间范围前言：需求是上方laydate开始与结束时间是一个范围，选定后，下方添加出的每一行数据中，都会调用laydate，但是范围不能超过上方，默认和上面时间一致，当点击上方切换时间时，下方时间同步更换；1 . 样式难点：1 . 区分每一个laydate选框；2 . 要求开始时间不能大于结束时间；3 . 点击上方时间范围下方同步更改；2 . 页...

layui时间选择器—去除秒列前言：layui开发文档中介绍的时间选择器包含了时，分，秒的选择，在实际开发过程中，我们选择时间可能不需要精确到秒。原始结构：1、HTML页面引入layui.js文件2、HTML文件中添加如下代码：3、在js文件中添加如下代码：注：由于页面宽度不够，或引入多个时间相关选择器可能会出现点击闪现后消失的情况，所以使用click弹出，可以避免问题的出现...

前言：页面排版过程中可能会出现多个小图片并排排列，但对于查看图片内容来说并不十分方便；