随笔分类 -  layUI

layui之表单
摘要：1.使用 layui 针对各种表单元素做了较为全面的UI支持，你无需去书写那些 UI 结构，你只需要写 HTML 原始的 input、select、textarea 这些基本的标签即可。我们在 UI 上的渲染只要求一点，你必须给表单体系所在的父元素加上class="layui-form"，一切的工作 阅读全文
posted @ 2019-12-03 16:00 本兮嘻嘻 阅读(2678) 评论(5) 推荐(0)
layui之表格数据
摘要：1.实例 创建一个table实例最简单的方式是，在页面放置一个元素 <table id="demo"></table>，然后通过 table.render() 方法指定该容器，如下所示： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti 阅读全文
posted @ 2019-12-02 15:42 本兮嘻嘻 阅读(2533) 评论(1) 推荐(1)
layui之页面元素
摘要：1.栅格系统与后台布局 1）栅格系统 为了丰富网页布局，简化 HTML/CSS 代码的耦合，并提升多终端的适配能力，layui 在 2.0 的版本中引进了自己的一套具备响应式能力的栅格系统。我们将容器进行了 12 等分，预设了 4*12 种 CSS 排列类，它们在移动设备、平板、桌面中/大尺寸四种不 阅读全文
posted @ 2019-11-30 22:09 本兮嘻嘻 阅读(1901) 评论(0) 推荐(0)
layui之分页组件和评分组件
摘要：1.分页组件layui.laypage 1）基本使用 layPage 致力于提供极致的分页逻辑，既可轻松胜任异步分页，也可作为页面刷新式分页。模块加载名称：laypage <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layP 阅读全文
posted @ 2019-11-28 15:20 本兮嘻嘻 阅读(1298) 评论(0) 推荐(0)
layui之时间日期组件
摘要：1.时间日期组件layui.laydate 主要以：年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器 五种类型的选择方式为基本核心，并且均支持范围选择（即双控件）。 2.laydate的使用 1）引入layui.css和layui.js即可 <link rel="stylesheet" 阅读全文
posted @ 2019-11-27 22:31 本兮嘻嘻 阅读(6964) 评论(0) 推荐(0)
layui入门及弹出层
摘要：1.layui概述 layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layu 阅读全文
posted @ 2019-11-21 18:11 本兮嘻嘻 阅读(1931) 评论(0) 推荐(0)