您的位置:首页 >> layUI

列表

  • 基于layui实现select区域联动

    前端

    要实现联动效果注意两点:第一要可以监听到select的change事件;第二异步加载的内容,需要重新渲染后才可以 正常使用。Html结构:<div class="x-body"> <form class="layui-form" ac

  • layui弹出层闪退解决

    前端

    今天用layui的弹出层插件,发现绑定弹出层到按钮,打开弹窗会闪退。原因:在form表单中使用了Button按钮,点击的时候会触发默认事件,而form的action我没填,所以就是弹出层会闪退!解决办法:方法一:将button标签换成其他的

  • 使用layer弹窗和layui表单做新增功能的方法

    前端

    1、需求:使用layer在弹窗内完成新增,成功后提示并刷新页面(父页面,list页面)2、实现页面效果图页面代码:构建from表单<div id="add-main" style="display: none;">

  • layui的upload组件使用和上传阻止

    前端

    背景:页面上一个按钮,点击弹出上传框,从按钮的方法代码开始写:处理未选择文件阻止上传;通过判断选择文件的数量,显示或隐藏上传按钮;在js中定义:function uploadFile(){    layer.open({        t

  • 基于layui+cropper.js实现上传图片的裁剪功能的方法

    前端

    前端的裁剪我知道的可以分为这么两种:flash一种,canvas一种。现在用的多的是canvas这种。其实裁剪最本质的原理:通过工具获取到图片(不是JS那种获取DOM的方式,比如flash获取到图片,对图片任意操作,canvas也是一样,将

  • layui弹出层(open)的属性介绍

    前端

    layui.open属性如:打开一个弹出层核心方法var index = layer.open({ type : 2, title : title, maxmin : true, of

  • 使用Layui表格实现后台分页的方法

    前端

    使用Layui表格实现后台分页的方法:<table class="layui-table" lay-data="{width: 892, height:332,url:, page:true, id:idTest}" lay-filter=

  • Layui时间选择框介绍

    前端

    Layui中 时间格式的输入框:html代码:<div class="layui-inline" style="width: fit-content;"> <label class="layui-form-label" style=

  • layui标签输入框inputTags介绍

    前端

    layui框架是一款采用自身模块规范编写的前端UI框架,门槛极低,拿来即用。本文为大家介绍了一种layui框架中使用的标签输入框inputTags,希望对大家有一定的帮助。layui标签输入框inputTags样式:目录结构:页面代码:<!

  • 一些LayUI底层方法介绍

    前端

    Layui模块化页面用法需要即加载模块//引入js,css文件跳过,看文档//在页面中,如同编写JavaScript一样<script>layui.use([layer,form],function(){//需要加载的模块 v

  • layui中进度条渲染介绍

    前端

    考虑静态渲染和动态渲染进度条两种情况。 <div class="layui-progress layui-progress-big" lay-filter="demo" lay-showPercent="yes"> <div

  • layui中form表单使用示例

    前端

    一、layui简介:1、layui是一款采用自身模块规范编写的前端 UI 框架,开源的模块化前 端 UI 框架,区别于那些基于 MVVM 底层的 UI 框架。2、优点:原生开发模式、模块化、兼容性强3、layui可作为 PC网页端后台系统与

  • 如何使用LayUI实现网页轮播图

    前端

    本篇文章介绍了使用LayUI实现网页轮播图的方法,具有一定的参考价值,希望对学习Layui的朋友有帮助!想要用layui写出来轮播图,需要先下载layui的文档,下载到电脑上就可以了,随便保存到那个地方就行。如何使用LayUI实现网页轮播图

  • layui中的table方法渲染

    前端

    在用layui的时候,要把整个lib文件引到项目中,然后在页面上引入layui.css和layui.js文件。在用到layui中内置模块的时候,用layui.use去引用:layui.use([layer , table],function

  • 浅谈layui前端遇到的难点(集合)

    前端

    layui是一款采用自身模块规范编写的前端UI框架,其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,虽然layui很简单,但在我们使用时总会遇到一些难点,本文为大家介绍了一些layui前端会遇到的一些难点。一、表格中插入下拉框的情况问题

  • layui事件监听介绍

    前端

    一、表单的事件监听1、lay-filter 事件过滤器相当于选择器,layui的专属选择器2、lay-verify 验证属性属性值可以是 :required必填项, phone手机号,email邮箱,url网址,number数字,date日

  • layui登录后token问题解决

    前端

    layui是一个非常简单且实用的后台管理系统搭建框架,里面的插件丰富使用简单,只需要在原有基础上进行修改即可,但是在数据处理方面略显薄弱,内置的jquery在实际过程中略显不足,若是能添加内置的mvc模式框架那就更好了。 先介绍layui在

  • layui时间控件清空之后无法正常使用的问题

    前端

    解决layui时间控件清空之后无法正常使用的问题,以及时间范围的选择。共有两种解决方式:方式一(layui 1.x):html代码:<div class="layui-inline"><div class="layui-input-inli

  • layui框架form表单使用介绍

    前端

    虽然对layui比较熟悉了,但是今天有时间还是将layui的form表单模块重新看一下。一、更新渲染 layui没有双向绑定机制,但是有经典模块化框架 只需要执行下面的方法即可:form.render(type,filter)第一个参数:t

  • layui模块化与非模块化的不同引用方式介绍

    前端

    layui模块化与非模块化的不同引用方式:1、模块化与非模块化的区别layui中有许多不同的内置模块,如弹出层、日期与时间选择器、分页等不同模块。模块化:使用时加载相应的模块。非模块化:一次性加载所有的模块。2、模块化的引用引用 ../

  1 2 3 4 5 6 7 8 9 10 11