layui使用小记

官网:https://www.layui.com/demo/button.html

1.使用起来挺方便,做一下简单配置即可使用,和bootstrap类似,使用比较方便,例如做一些公司使用的后台很方便,即使没有有前端,后台开发也能快速上手搭建;

2.使用时可以稍微细看一下文档,使用起来还是很方便的,例如弹窗分了好多种,其实就是一种,使用自定义的,做一下参数配置即可(标题,类型,蒙层,按钮,文字content即可);

3.在使用时,可能会有一些小问题,如果自己写的都没错,就得考虑一下是不是版本问题

(1)例如字体图标(从 layui 2.3.0 开始,支持 font-class 的形式定义图标:;注意:在 layui 2.3.0 之前的版本,只能设置 unicode 来定义图标,,其中的  即是图标对应的 unicode 字符);

(2)在列表插入图片时,方法问题,我见过三种

第一种:

layui使用小记_第1张图片

第二种:

layui使用小记_第2张图片

第三种

layui使用小记_第3张图片

4.在需要使用到checkbox(列表前有选择框的那种),必须在容器上添加lay-filter="myLayFilter",lay-filter这后边的名字就是checkbox后边跟的名字

layui使用小记_第4张图片

layui使用小记_第5张图片

5.在老版本中(2.2以前的版本),没有对表格做自适应处理,在新版本中有完善这里(下载最新的官方css和js,在需要自适应的列不设置宽度即可),如果下载了完整的老版本demo,可以通过获取屏幕的宽度,通过百分比来设置width也能达到自适应的效果(在小屏幕电脑和大屏幕电脑可能或有点小出入,但是在可接受的范围内)

5.这里可以拿到一些实例https://github.com/sentsin/layui

你可能感兴趣的:(layui)