![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
layui
勇闯天亚
一步一个脚印
展开
-
修改 iframe 滚动条样式使其更美观、好看,具有隐蔽性
代码如下: /*- scrollbar -*/ ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-thumb{ background-color: #999; -webkit-border-radius: 5px; border-rad原创 2021-06-23 22:04:24 · 6488 阅读 · 7 评论 -
css单行文本溢出隐藏和多行文本溢出隐藏方式,适用于列表、简介摘要等场景,通用于layui、bootstrap以及vue等
文本溢出隐藏首先要给文本一个确定的宽度,也可以结合div的大小进行自适应单行:width: 350px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;多行:width: 350px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;-webkit-line-clamp是原创 2020-08-20 22:02:45 · 440 阅读 · 0 评论 -
layui的验证码倒计时按钮变化功能,直接拿走就可以用
一、上代码:<div class="layui-form-item"> <!--<label class="layui-form-label">输入框</label>--> <label class="layui-icon layui-icon-vercode layui-form-label formslabel" ></label>原创 2020-08-14 18:21:15 · 1916 阅读 · 0 评论 -
php后台无限分类的三种方式,通用于layui树形组件与thinkphp
无限分类,是指从一个最高分类开始,每个子分类都可以分出自己的若干个子分类,可以一直分下去,称为无限级分类;下面是对省市县的无限极分类的列子。数据库如图:/** * @Description: 无限极分类一 * @Author: Yang * @param $data 数据库数据 * @param int $parent_id 父级ID * @return array */function getTree1($data, $parent_id = 0){ $t.转载 2020-08-10 23:41:26 · 975 阅读 · 0 评论 -
thinkphp6的视图模板layui渲染赋值复选框专项----适用于thinkphp所有系列以及使用thinkphp引擎的相关框架
一、html代码<div class="layui-form-item"> <label class="layui-form-label">分类</label> <div class="layui-input-block" id="taglists"> <input type="checkbox" name="" title="请选择分类" value=""> </div> </di原创 2020-08-02 21:16:03 · 1042 阅读 · 0 评论 -
layui获取页面checkbox复选框值,以便提交后台获取值
直接上代码<form class="layui-form forms" action="" method="post" lay-filter="nei1s" id="nei1s"><div class="layui-form-item"> <label class="layui-form-label">分类</label> <div class="layui-input-block"> <input t原创 2020-08-01 23:21:58 · 2569 阅读 · 0 评论 -
layui选项卡不重复增加删除避免冲突的简单方法,超实用-----网上的那些都是些啥,一个比一个复杂,啥也不是!
本来想偷个懒,网上搜搜吧,然而,都是复制粘贴的内容,根本没有考虑实际场景和性能问题,冗长的代码、负责的逻辑,别说人了,就是机器都要费时间参与计算,最后导致卡卡卡。。。。哎,不说了,网上那些都啥也不是……开始上代码了:一、思路就是:将第一个固定,不参与选项卡计算,之后就好说了 <div class="layui-tab" lay-filter="demo" lay-unauto lay-allowclose="true"> <ul class="layui-tab-ti原创 2020-08-01 18:23:09 · 1073 阅读 · 2 评论