Layui
Charge8
此随笔或为自己所写、或转载于网络。仅用于个人收集和备忘。共享:正如牛顿所说“如果我比别人看得远,那是因为我站在巨人的肩膀上”
展开
-
layui简单入门
layui:layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。非常适合界面的快速开发。layui 首个版本发布于2016年金秋.官网下载文档查阅:http://www.layui.com第三方支持:Layui部分模块依赖jQuery(比如layer),但是你并不用去额外加载jQuery。Layui已经将...原创 2018-07-02 17:01:56 · 35272 阅读 · 12 评论 -
layui 表单元素
form结构:点击打开链接在一个容器中设定class="layui-form"来标识一个表单元素块,并通过内置的form模块来完成各种渲染和交互。依赖加载模块:form(请注意:如果不加载form模块,select、checkbox、radio等将无法显示,并且无法使用form相关功能)<div class="layui-form"><di...原创 2018-07-03 10:21:11 · 2032 阅读 · 0 评论 -
layui图标使用和自定义矢量库图标
layui图标:layui 的所有图标全部采用字体形式,取材于阿里巴巴矢量图标库(iconfont)点击打开链接矢量图标库。使用方法:通过对一个内联元素(一般推荐用i标签)设定class="layui-icon",来定义一个图标,然后对元素加上图标对应的font-class(注意:layui 2.3.0 之前只支持采用unicode 字符),即可显示出你想要的图标。内置图...原创 2018-07-03 21:01:52 · 67545 阅读 · 1 评论 -
laydate组件
layui.laydate 时间日期组件:点击打开链接主要以:年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器 五种类型的选择方式为基本核心,并且均支持范围选择(即双控件)。内置强劲的自定义日期格式解析和合法校正机制,含中文版和国际版,主题简约却又不失灵活多样。可以在 layui 中使用 layDate,也可直接使用 layDate 独立版,下面在layui中使用laydate组件,引...原创 2018-07-03 20:58:17 · 3523 阅读 · 0 评论 -
Layui 栅格系统、常用表单和校验与监听
一、栅格系统1、栅格布局规则 1)采用 layui-row 来定义行,如:<div class="layui-row"></div> 2)采用类似 layui-col-md* 这样的预设类来定义一组列(column),且放在行(row)内。如果多个列的“等分数值”总和等于12,则刚好满行排列。如果大于12,多余的列将自动另起一行。 3...原创 2019-07-10 22:11:20 · 1789 阅读 · 0 评论 -
Layui 字段集区块、面板和Tab选项卡
一、字段集区块 两种:字段集区块 - 横线风格 和 字段集区块 - 默认风格 <fieldset class="layui-elem-field layui-field-title"> <legend>字段集区块 - 横线风格</legend> <div class="layui-field-box"&g...原创 2019-07-15 15:48:09 · 1367 阅读 · 0 评论 -
formSelects-v4.js 基于Layui的select多选
formSelects-v4.js下载地址:https://github.com/hnzzmsf/layui-formSelectsformSelects-v4.js 使用文档:https://hnzzmsf.github.io/example/example_v4.html 基于 layui 的 select 多选解决方案。支持:多选、分组、取值&赋值、选择监听、搜索、...原创 2019-07-11 12:00:40 · 3979 阅读 · 0 评论