关注
分享
“Layui 是一款采用自身模块规范编写的情怀型前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发。
美奇开发工作室
后端开发工程师，做一个喜欢分享技术的领域开发者！
展开
-
Layui重新渲染select标签中的内容
<html> <head></head> <body> <div class="layui-form-item"> <label class="layui-form-label">账户类型</label> <div class="layui-input-inline"> <select name="type" lay-filter="type"> <op.原创 2021-09-27 19:06:54 · 2692 阅读 · 0 评论 -
layui按钮css代码（css自定义按钮封装）
CSS代码fieldset{border: 1px solid #ccc;color: #666;padding: 10px;margin: 10px;}/*默认*/.oy-btn{ display: inline-block; height: 38px; line-height: 38px; padding: 0 18px; backgrou...原创 2019-05-28 10:15:40 · 7076 阅读 · 0 评论 -
jQuery控制layui的switch开关状态（ 动态关闭开关按钮）
需求如下图所示：代码如下：<input class="switch" type="checkbox" lay-skin="switch" lay-filter="mode" lay-text="开|关"><script type="text/javascript"> layui.use('form', function () { ...原创 2020-01-30 13:00:15 · 7966 阅读 · 3 评论 -
Layui前台表单校验用户名，验证用户名合法性（转发官方文档说明）
发现bug：手上有一个网站使用的是Layui框架，上线运营之后，发现有人注册了一个“ QQ556677<script>http://域名.com/Jzpu</script>” 的账号，很明显是有人要注入木马后门，会出现这种问题很可能就是注册时没有验证用户名的合法性，因此看了一个layul的官方表单验证文档，官方的form.verify写得还是相当不错的，一起来学习吧！...原创 2019-07-01 09:34:14 · 4114 阅读 · 1 评论 -
Thinkphp使用Layui的富文本编辑器（layedit）添加文章，上传图片教程
添加文章页面截图：文章显示页面截图：前端 Html代码： <div class="layui-form-item"> <label class="layui-form-label">内容</label> <div class="layui-input-block"> &...原创 2019-07-11 15:09:00 · 2747 阅读 · 2 评论 -
layui的table表格在同一单元格换行显示2个数据（layui-table）
先看一下最终效果图：1、css要设置行高为自动<style type="text/css">.layui-table-cell { height: auto;}</style>2、html代码，使用templet模板：<table class="layui-table" lay-data="{ url:'{:url(" @zone/da...原创 2020-01-29 19:44:05 · 5742 阅读 · 0 评论 -
layui完整的table表格加载数据案例，包括搜索、刷新、分页、计算整列数据总值等
Layui框架是国内比较优秀的前端框架，用起来还是非常顺手的，无论是后端view视图还是前端数据展示，都是可以直接套用！<form class="layui-form"> <div class="layui-form-item"> <div class="layui-inline"> <label class="layui-form-...原创 2020-01-31 20:01:33 · 3636 阅读 · 0 评论