
layui使用入门
文章平均质量分 64
@Malachi
做自己
展开
-
layui表单
layui表单使用定义:在一个容器中设定 class=“layui-form” 来标识一个表单元素块,通过规范好的HTML结构及CSS类,来组装成各式各样的表单元素,并通过内置的 form模块 来完成各种交互。注意:依赖加载模块:form (请注意:如果不加载form模块,select、checkbox、radio等将无法显示,并且无法使用form相关功能)表单控件控件含义...原创 2019-12-13 23:55:05 · 684 阅读 · 0 评论 -
layui常用颜色及图标汇总
layui常用颜色及图标汇总常用颜色图标CSS3动画类按钮一、颜色layui提供了7中内置颜色如下:赤色:class="layui-bg-red"橙色:class="layui-bg-orange"墨绿:class="layui-bg-green"藏青:class="layui-bg-cyan"蓝色:class="layui-bg-blue"雅黑:class="lay...原创 2019-12-12 23:40:43 · 11308 阅读 · 0 评论 -
layui栅格系统
栅格系统栅格系统layui栅格系统将容器进行了 12 等分,预设了 4*12 种 CSS 排列类,它们在移动设备、平板、桌面中/大尺寸四种不同的屏幕下发挥着各自的作用。栅格布局规则响应式规则响应式公共类布局容器列间距列偏移栅格嵌套一、栅格布局规则1.采用 layui-row 来定义行,如:<div class="layui-row">...原创 2019-12-10 23:46:27 · 3201 阅读 · 0 评论 -
使用layui的html规范-常用公共属性
常用公共属性(即以 lay- 作为前缀的自定义属性)属性描述lay-skin=" "定义相同元素的不同风格,如checkbox的开关风格lay-filter=" "事件过滤器。你可能会在很多地方看到他,他一般是用于监听特定的自定义事件。你可以把它看作是一个ID选择器lay-submit定义一个触发表单提交的button,不用填写值例如:<bu...原创 2019-12-09 19:46:26 · 755 阅读 · 0 评论 -
layui导航栏案例
layui导航栏首先引入css和js文件黑框以ul标签为主题,样式为:layui-nav框中每一项内容(一级菜单)以li标签包裹,class样式为:layui-nav-item二级菜单以dl标签包裹,class样式为:layui-nav-child二级菜单引入样式并不能显示出来,需要依赖element模块才可以...原创 2019-12-04 21:51:05 · 1815 阅读 · 0 评论