最新发布

2021最新layui视频教程推荐(建议收藏)
layui

2021最新layui视频教程推荐(建议收藏)

阅读(11) 发布者(admin)

以下为大家整理了前端UI框架 — layui的视频教程,不需要从迅雷、百度云之类的第三方网盘平台下载,全部在线免费观看。教程由浅入深,有前端基础的人就能学习,从安装到案例讲解,全...

为什么layui进度条无法渲染出来
layui

为什么layui进度条无法渲染出来

阅读(11) 发布者(admin)

前言:layui进度条渲染分为两种情况,分别是:静态渲染和动态渲染。 <div class="layui-progress layui-progress-big" lay-filter="demo" lay-showPercent="yes">
<div c...

layui关闭当前弹出框的方法
layui

layui关闭当前弹出框的方法

阅读(33) 发布者(admin)

本文为大家分享了layui关闭当前弹出框的两种情况及方法,希望能够帮助到大家。layer.close(index) - 关闭特定层//当你想关闭当前页的某个层时

var index = layer.open();
va...

layui-inline的作用是什么
layui

layui-inline的作用是什么

阅读(15) 发布者(admin)

layui-inline是指layui表单中的inline元素,其作用就是使多个元素排成一行;inline元素不会独自占一行,多个相邻元素会排在同一行中,直到一行排不下,才会新换一行,并且其宽度随元素...

layui如何导入excel文件
layui

layui如何导入excel文件

阅读(8) 发布者(admin)

layui导入excel文件的方法:首先在页面中引入【excel.js】文件;然后监听头工具栏的点击事件,代码为【title : &#39;导入Excel&#39;,content : $("#ImportExcel")】。本教程操作...

如何解决layui时间控件闪退问题
layui

如何解决layui时间控件闪退问题

阅读(33) 发布者(admin)

问题发现:在项目上线后,突然发现后台管理系统layui的子页面出现了一个问题,时间控件闪退,无法选取时间。原因分析:如果出现页面找到多个节点,只有第一个节点能正常使用后面的节点...

layui如何实现数据分页功能
layui

layui如何实现数据分页功能

阅读(10) 发布者(admin)

我们先来看下官网的演示画面。具体代码:页面引入layui.css、 layui.js<div id="pTable" style="width: 1200px;">
<table class="layui-table" id="layui_table_id" lay-fi...

layui不支持ie兼容吗
layui

layui不支持ie兼容吗

阅读(9) 发布者(admin)

layui支持除了IE6/7的其他ie浏览器;准确来说layui兼容人类正在使用的全部浏览器,但是IE6/7除外,可作为PC端后台系统与前台界面的速成开发方案。本文操作环境:Windows7系统、layu...

layui表单元素怎么校验
layui

layui表单元素怎么校验

阅读(14) 发布者(admin)

思路:我们只需要在表单元素上添加lay-verify即可完成对表单元素的校验。layui提供了以下值:required(必填项)
phone(手机号)
email(邮箱)
url(网址)
number(数字)
date(日期)
identity(身份...

如何使用layui中的table模块中的基础参数
layui

如何使用layui中的table模块中的基础参数

阅读(11) 发布者(admin)

导语:layui是由职业前端倾情打造,面向全层次的前后端开发者,低门槛开箱即用的前端 UI 解决方案。layui 的 table模块是一个重头,在基础参数方面尽可能地做到友好,即:保证功能的前...

layui框架怎么导出excel表格
layui

layui框架怎么导出excel表格

阅读(15) 发布者(admin)

前言:由于工作需要,需要使用到导出excel表格功能,后台管理使用的是layui框架。(学习视频分享:编程入门)看layui的官网社区论坛,很多人都说layui自带的导出功能,只能导出当前页面的数...

layui登录界面美化效果展示
layui

layui登录界面美化效果展示

阅读(8) 发布者(admin)

完整代码展示如下:(学习视频分享:编程入门)1、前端htmllogin.html<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-wi...

layui怎么使用jquery
layui

layui怎么使用jquery

阅读(9) 发布者(admin)

layui使用jquery的方法:1、通过“layui.use(&#39;jquery&#39;, function(){var $=layui.$...}”方式使用;2、通过“layui.use([&#39;form&#39;,&#39;layer&#39;]...”方式使用...

layui 怎么引用
layui

layui 怎么引用

阅读(11) 发布者(admin)

layui的引用方法:首先下载layui;然后通过引入“layui.css”和“layui.js”两个文件;最后通过“layui.use()”方法完成需要使用的模块加载即可。本教程操作环境:Windows7系统、la...

layui 怎么导入Excel
layui

layui 怎么导入Excel

阅读(11) 发布者(admin)

layui导入Excel的方法:首先在Github或者码云中下载layui-excel插件;然后引入jQuery和插件源代码,并通过全局变量“LAY_EXCEL”调用函数即可。本教程操作环境:Windows7系统、layu...

layui弹出层怎么使用
layui

layui弹出层怎么使用

阅读(8) 发布者(admin)

layui弹出层的使用方法:首先引入jQuery1.8以上的任意版本;然后引入laery.js;最后通过“function show(){var a = layer.open({...});}”方式使用laery.open弹出层即可。本教程...

ie8 layui不兼容吗
layui

ie8 layui不兼容吗

阅读(8) 发布者(admin)

layui是兼容ie8的,但是不支持IE6/7;准确来说layui兼容人类正在使用的全部浏览器(IE6/7除外),可作为PC端后台系统与前台界面的速成开发方案。本教程操作环境:Windows7系统、layui2....

使用layui框架封装ajax模块的具体步骤
layui

使用layui框架封装ajax模块的具体步骤

阅读(15) 发布者(admin)

layui 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。(学习视频分享:编程视频)平常使用中,ajax可以说使用广泛,所以这里我...

layui自定义滑动弹窗动画
layui

layui自定义滑动弹窗动画

阅读(203) 发布者(admin)

导语:(学习视频分享:编程视频)我们知道layui的layer模块中的anim参数是可以设置弹窗动画效果的,但是这种弹窗动画种类很少。现在项目中要实现一个从右侧弹出的弹窗效果,因此参考官...

layui代码修饰器不显示样式怎么解决
layui

layui代码修饰器不显示样式怎么解决

阅读(76) 发布者(admin)

导语:layui代码修饰器官方说明文档:https://www.layui.com/doc/modules/code.html(学习视频分享:编程视频)layui作为一款轻量前端框架对于我们这种非专业前端还是挺好用的。但是...

通过layui给数据表格添加序号
layui

通过layui给数据表格添加序号

阅读(82) 发布者(admin)

具体方法如下:(学习视频分享:编程视频)1、第一种需求,只给当前页加序号(1)给你的数据加上 templet属性,cols: [[ {field:&#39;tourPlayerId&#39;, width:80, title: &#39;ID1&#3...

layui中怎么设置select项
layui

layui中怎么设置select项

阅读(20) 发布者(admin)

layui中设置select项的方法:首先创建一个HTML示例文件;然后通过ajax从后台请求获得select可供选择的元素;最后通过点击dl下某个确定的dd元素实现select的选择事件即可。本教程...

layui弹出层如何传值
layui

layui弹出层如何传值

阅读(30) 发布者(admin)

layui弹出层传值的实现方法:1、从主窗口传值到弹出层;2、从弹出层传值到主窗口;3、通过session互传;4、通过调用父窗口的函数从而获取到父窗口的值。本教程操作环境:Windows7系统...

layui如何对表单标签进行校验
layui

layui如何对表单标签进行校验

阅读(18) 发布者(admin)

本文为大家介绍layui对表单标签进行校验的方法,希望能够帮助到大家。(学习视频分享:编程视频)layui表单元素的校验只需在元素上加入lay-verify,layui提供了以下值。required(必填...