layui
  • 新版文档
  • 示例
  • 扩展组件
  • layuiadmin
  • 加V进群:leenons
  • 工具栏
  • w3cschool文档
  • 1、layui opentable折叠打开
    表格折叠

      opentable介绍  Layui Table 数据列数过多解决方案。  初衷体验过类似效果的UI很实用,着手在Layui上实现了一套。  支持功能  展开内容(水平|垂直)显示  展开显示表格  展开内容从网络加载显示  展开内容自

  • 2、layui step-lay分步表单三步骤
    step-lay

      layui按步骤提交表单(步骤条面板展示)  layui.form 我们通常会在最常用的模块上耗费更多的精力,用尽可能简单的方式诠释 layui 所带来的便捷性。  用轻流,通过“无代码”技术重塑你的系统开发方式,如搭积木般快速、灵活地

  • 3、layui表单自由布局扩展
    自由布局

      ayq-layui-form-designer  各位,新的代码已经提交到gitee上,只是最初始的版本,后续的组件还需要大家来创建和维护,我会开发几个重要的容器组件,因为开源上并没有layui相关的容器组件源码,下面的组件开发计划看看

  • 4、layui的表单设计器
    表单设计器

      基于layui的表单设计器,自己的一个开源项目里提出来的子项目,主要参考了阿狸的那个VUE的 form render,目前此项目处于开始阶段,另外并没有跟layui集成,如果想集成到一起只需要把HTML>body的内容放在变量里在

  • 5、layui regionCheckBox城市省份复选框组件
    regionCheckBox

      基于layui的中国省市复选框组件介绍  基于layui的省市多选解决方案  用layui实现按钮点击全选/全不选和下拉列表根据省份选择城市显示复选框  当选择好省份时,复选框出现对应省份的城市名(河南:郑州,开封,安阳,洛阳,商丘;河

  • 6、layui-areaSelect地域多选
    areaSelect

      layui-areaSelect介绍  基于layui扩展的省市区县选择组件,支持如下特性:  1、指定层级选择,可指定到省份、城市、区县选择,默认省份选择;  2、支持编辑回显,可指定已选数据,组件展示时将自动勾选;  3、支持排除选

  • 7、layui无限级城市选择器
    城市联动选择器

      selectY 无限联级选择器  基于layui,参照了layui的form里的select以及select插件,因为一些特殊需求写成这样,由于个人是后端,对前段实在是力不从心,但是好多项目开发又让自己必须一锅端,所以就学习了下

  • 8、uploadx附件上传组件
    上传ui

      该插件是对原有layui-upload功能的扩展,用户可以自定义文件的上传路径、下载路径、删除路径等,原upload参数也可以完全支持,在原本的upload传入参数的时候,增加了ex和page参数用来定义uploadx插件的额外功能。该

  • 9、layui dragMove图片自由拖动放大缩小
    dragMove

      dragMove介绍  基于layer的图片查看器,可以缩放和拖动查看。  layui 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用,这里教大家一个功能,通过lay

  • 10、layui滑动验证码
    滑动验证码

      验证滑动,滑动/点选验证码  基于layui实现的表单拖动滑块滑动验证代码,可重置滑块,表单未填写提交有验证提示。

  • 11、layui tableFilter表格过滤
    tableFilter过滤

      LayUi组件:TableFilter项目介绍  表格列头过滤  功能  本地/服务端数据过滤  文本/单选/多选过滤类型  自动/自定义/AJAX过滤项  支持IE8  LAYUI - TABLEFILTER  tableFilter

  • 12、layui notice通知控件ui组件
    notice通知ui

      原标题:notice 通知控件  1. 此控件是基于 layui 的 notice 通知控件,可用于美化消息通知;  2. 控件支持响应式。算是对 layer 的一个小扩展,刚好公司项目用到,自己就造了个轮子  基于layui的noti

  • 13、layui table表格列合并
    表格合并

      layui tableMerge表格自动合并  1. 根据列值自动合并  2. 指定列值(可以根据其他列)进行合并  3. 分组进行合并。

  • 14、layui moreMenus换行折叠显示更多
    moreMenus

      moreMenus介绍  layui插件,折叠标签

  • 15、layui tinymce富文本编辑器
    编辑器

      TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有:UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。  TinyMCE的优势:

  • 16、loading上传下载图标
    小图标

      layui扩展介绍  layui组件扩展。目前只有bindLoading组件。 做这个加载状态组件的原因是在工作中经常使用echarts做一些比较装杯的页面给投资人看,使用layer原生的加载层是全局的影响使用体验,能展示各个布局模块的

  • 17、layui strpy中文转换拼音
    strpy转英文

      layui汉字转为拼音  separa 分隔符号,默认为空格  percase 1=每个汉字首个英文大写,2=全部大写,默认为全小写  layui.strpy(str,separa,percase);  例:layui.config({

  • 18、layui jsanNotice消息推送右侧窗口组件
    消息窗口

      消息推送窗口组件介绍  提供简洁的消息提示功能和消息推送列表。仅需要进行简单的属性配置即可使用。  说明:消息小图标缩放到右侧边沿

  • 19、layui小图标标识
    小图标

      iconHhysFa 图标选择器介绍  iconFonts 图标选择器,里面支持两种图标选择,一种 layui 图标 140个,一种font-awesome图标975个,FontAwesome 4.7.0。基于 iconPicker图标

  • 20、layui消息通知特效
    消息特效

      功能说明:layui消息通知插件 6种样式,可手动关闭层,支持回调方法,可设置弹出位置,兼容主流浏览器,兼容至ie9 (ie没有svg动画)  1、7种调用方法:  普通:info  警告:warning  成功:success  错误

  • 21、layui TableSelect从表格中多选单选
    TableSelect

      原标题:tableSelect 下拉表格选择器  用于庞大数据选择,支持 layui 原生 table 组件的所有功能/自定义关键词搜索/双击选择/默认赋值/分页选中  LayUi组件:TableSelect项目介绍  下拉表格数据选择

  • 22、layui-exts-idcard-upload实名认证
    认证界面

      身份证正反面+手持照片上传  上实名认证好! 省着一群九漏鱼瞎传违规内容, 这种人一辈子也吃不上四个菜. 我就搞不明白了, 至于寒酸到搞擦边球还非要用免费的静态页面托管服务吗? 抠也就算了,还胸无大志, 现在云服务器都烂大街了, 退一万

  • 23、layui右键菜单弹出
    右键选择项

      原标题:Tab选项卡右键弹出菜单组件  Tab选项卡增加右键弹出菜单,例如:关闭当前、关闭其它.... - 支持页面多个Tab选项卡弹出菜单单独定义  为Tab选项卡增加右键弹出菜单,例如:关闭当前、关闭其它....  默认右键菜单弹出

  • 24、layui drawer左右抽屉效果
    drawer

      js实现抽屉效果:点击实现右侧弹出内容页面特效,点击空白遮罩处或关闭按钮可以隐藏弹出的页面。  本特效常用于各类后台管理系统中。

  • 25、layer移动弹窗
    移动窗口

      layer移动端二次封装了几个常用的弹窗 为别为alert,msg,confirm,loading,success,error 具体可看源码,非常简单。  具体使用方法:下载源码到项目目录,引入layer.js  使用方法:  ui.m

  • 26、layui分布表单
    分布表单

      step-all-device 分布式表单提交  宽度全部自适应,适配所有终端,包括小屏手机、平板以及大屏电脑等,支持任意个表单进度,唯一要做的就是提供内容模板即可

  • 27、layui标签组件
    标签

      ayq-layui-labelGeneration介绍  基于layui的表单设计器产生的标签组件,通过我其他组件form-designer需要标签组件,而inputTag样式写死了,无法复用,引入导致样式混乱,故开发一个标签组件,此组

  • 28、LayCascader级联组件演示
    LayCascader

      lay_cascader  layui cascader 仿element-ui级联选择器    Attributes参数说明类型可选值默认值elem绑定元素String/jqueryObject/DOM--valu

  • 29、标签输入框特效
    输入框

      InputTag 组件  简介  InputTag 组件。按回车键(Enter)生成标签!按回退键(Backspace)删除标签!

  • 30、layui仿键盘、复制、粘贴代码
    复制粘贴

      文本输入框、文本域扩展工具条,支持输入字数统计、最大字数 maxlength 显示、复制输入框文本、重置和清空输入框内容。  可收起或展开工具条、自定义工具条按钮和按钮顺序等。

  • 31、layui orgCharts组织架构图
    orgCharts架构图

      layui orgCharts组织架构图  展示组织结构,包含自定义内容,点击事件

  • 32、layui table(下拉框、日期选择器、表格数据校验)
    复杂表格

      tableEdit  ayui table edit编辑功能  一、介绍     基于aop编程思想对layui table工具条事件tool(lay-filter)进行封装而成的table单元格编辑器。  功能  下拉框(单或多选) 

  • 33、layui hashes哈希加密(MD5加密)
    哈希加密

      hashes是一个轻量级的库,在纯JavaScript(符合ES5)中实现最扩展的加密哈希函数算法。  1、MD5加密是让大容量信息在用数字签名软件签署私人密匙前被"压缩"成一种保密科头的格式(就是把一个任意长度川赵

  • 34、layui引入atree树模块结构
    atree树结构

      layui引入atree对 layui 原有的 tree 进行扩展 (layui-plugin-atree)  树形结构是一层次的嵌套结构。一个树形结构的外层和内层有相似的结构,所以这种结构多可以递归的表示。   

  • 35、Markdown编辑器
    编辑器

      EasyMDE - Easy Markdown Editor  EasyMDE是基于github上simpleMDE远吗进行编译的,原项目已多年未更新。 本人在原有基础上进行汉化、修改以及集成部分功能。  介绍  在网络上目前有很多的M

  • 36、layui下拉选择数据作为标签
    option标签

      select 多选和无限级联动  selectM.js 多选插件 selectN.js 无限级插件(json数据与layui-tree结构一致)  实现动态设置选中值 set方法  实现自定义提示文字  实现ajax方式获取候选数据  

  • 37、layui-ckplayer视频播放器
    ckplayer

      layui-ckplayer介绍  基于ckplayer视频播放器封装的,适用于layui的扩展组件 ckplayer版本: X2 原插件 ckplayer 视频播放组件/larryms已经很久没有更新,且无法自定义设置,因此自己封装一

  • 38、layui下拉多选单选加强版
    下拉加强版

      原标题:selectplus 加强版下拉框  基于layui框架的下拉框加强版,初始版本具备基础数据展现、异步加载、数据回调、异步返回数据自定义、默认选项等功能,支持单选和多选。内部使用 form 和 jQuery 模块。

  • 39、layui fileManager文件管理器
    文件管理器

      layui扩展-图片管理  图片文件管理插件 支持远程图片显示 可配置默认文件类型图标 配置操作与layui-table类似; 更多功能请下载试用

  • 40、nav light导航高亮
    导航条

      nh-light介绍  layui插件,导航高亮 根据数据展示最多到二级目录. 可以修改样式文件.nav-pcc  预览教程  使用说明  为了更好的展示,下载后预览index.html文件,可能有跨域问题,建议用服务器预览。 主要文件

  • 41、layselect自动下拉框
    layselect

      layselect介绍  layui下拉框组件 layselect  软件架构  下载layselect后可直接放入layui/lay/modules/中当做原生组件使用,也可自行建立文件夹/modules/,layui使用的时候引用。

  • 42、layui百度地图location区域定位经纬度
    经纬度定位

      在获取经纬度时,在项目中一般有两种处理方式。  一种是根据用户填写的详细地址,去调用高德地图的API获取经纬度,这种一般作用于用户收货地址,然后用收货地址来获取经纬度,用来匹配***近的仓库;  一种是在后台提供选择地址的功能,通过输入

  • 43、inputTags增强版标签输入框
    增强标签

      inputTags增强版介绍  输入回车生成标签,并加入flatContent和pinArray增强属性  使用说明  原组件inputTags 在使用过程中发现一些选择器存在局限性问题,于是进行了修改;以及功能做了一些增强,使其更加满

  • 44、layui CheckBox复选标签选中删除
    CheckBox标签删除

      checkbox复选标签  带提示和点击删除事件的复选框

  • 45、layui省市区三级联动
    城市筛选

      省市数据 为像下面这样的 省市 ->该省市下的区县->该区县下的乡镇

  • 46、sliderTime温度计时间范围滑块选择
    时间线

      SliderTime介绍  时间范围滑块选择插件  基于 layui.slider 扩展的时间范围选择插件  使用说明  sliderTime 基于 layui.slider,所以 slider 的配置都得以保留  range 参数强制

  • 47、layui引入Magnifier局部选中放大镜模块
    Magnifier放大镜

      layui-Magnifier项目介绍    基于layui的放大镜插件  使用方法  1.下载文件后,把Magnifier整个文件放在你的资源目

  • 48、layui的tabletree扩展组件
    tabletree

      基于layui table做的表格树,支持异步请求,支持reload重新加载,支持sort排序排序、可异步请求后台获取数据后生成新的子叶节点,可编辑单元格等功能。  使表格增加了树形结构展示的能力.完全依赖于layui的表格. 正因为如

  • 49、treeTable树形表格(表数据为树形结构)
    treeTable树形表格

      原标题:treeTable 树形表格  table树、树表展开关闭及一些常用功能。加入了状态记忆、渲染、刷新、更换图标、列渲染等配置。并设置一些监听、获取参数快捷操作。并在示例中扩展了下拉选择(单选、多选)功能。

  • 50、layui transferTable表格穿梭树
    transferTable穿梭

      layui tableTransfer 穿梭框  双栏穿梭选择框。 用直观的方式在两栏中移动元素,完成选择行为。 选择一个或以上的选项后,点击对应的方向键,可以把选中的选项移动到另一栏。

  • 51、layui省市县区三级联动下拉选择器
    三级联动

      基于layui实现的省市县区三级联动下拉选择器  关于本省市区级联下拉选择器  本选择器已经将它封装成一个layui的插件,使用起来非常方便,支持一个页面中使用多个省市区选择器,并且支持选择结果回调,支持自定义lay-filter。  

grid栅格布局 layout admin布局 color颜色 iconfont字体图标 font字体大小 颜色 animation动画 button按钮 form表单组 input输入框 select下拉选择框 checkbox复选框 switch开关
radio单选框 textarea文本域 nav导航菜单 menu基础通用菜单 breadcrumb面包屑 tabs选项卡 progress进度条 panel 面板/card collapse折叠面板/手风琴 table表格元素
badge徽章 timeline时间线 blockquote引用块 fieldset字段集 hr分割线 layer弹出层/弹窗综合 laydate 日期时间选择器 laypage 分页 laytpl模板引擎 table数据表格
form 表单模块 upload 文件/图片上传 dropdown下拉菜单 contextmenu右键菜单 transfer穿梭框 tree树形菜单 colorpicker颜色选择器 element常用元素操作
slider滑块 rate评分 carousel轮播/跑马灯 layedit富文本编辑器 flow信息流/图片懒加载 util工具集 code代码文本行修饰 layuiadmin

Copyright © 2021 www.layui1.com MIT Licensed

沪ICP备2020036882号-14