命名格式一般分为两种:一:layui-模块名-状态或类型,二:layui-状态或类型。因为有些类并非是某个模块所特有,他们通常会是一些公共类。如:一(定义按钮的原始风格):class="layui-btn layui-btn-primary"、二(定义内联块状元素):class="layui-inline" ...
如:一(定义按钮的原始风格):class="layui-btn layui-btn-primary"、二(定义内联块状元素):class="layui-inline" 大致记住这些简单的规则,会让你在填充HTML的时候显得更加得心应手。另外,如果你是开发Layui拓展(模块),你最好也要遵循于类似的规则,并且请勿占用Layui已经命名好的类,假设你是在帮Layui开发一...
1.普通按钮类:layui-btn 基础类(别的各种按钮都是在这个类后面添加类) 2.按钮主题:在layui-btn后面加按钮主题的类 名称组合 原始class="layui-btn layui-btn-primary" 默认class="layui-btn" 百搭class="layui-btn layui-btn-normal" 暖色class="layui-btn layui-btn-warm" ...
01、【按钮主题】 原始按钮默认按钮百搭按钮暖色按钮警告按钮禁用按钮 必要样式: layui-btn 默认按钮 主题样式:
立即提交 重置 //Demo layui.use('form', function(){ var form = layui.form; //监听提交 form.on('submit(formDemo)', function(data){ layer.msg(JSON.stringify(data.field)); return false; }); }); UI的最终呈现得益于 Form模块 的全自动渲染,她将原本普通的诸如select、checkbox、radio...
1. button type="button" class="layui-btn" 2. i class="layui-icon"#xe608;/i 添加 3. /button 4. 5. button type="button" class="layui-btn layui-btn-sm layui-btn-primary" 6. i class="layui-icon"#x1002;/i 7. /button ...
重置 <!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 --> layui.use('form', function(){ var form = layui.form; //各种基于事件的操作,下面会有进一步介绍 }); 正如你上述看到的,你必须放入 layui 所规范的元素结构,form 模块...
网络大多数都是A转Layui官网实例,B转A,C转B。导致了搜一个解决的办法,就是错误,再搜一个还是错的。几乎都不能解决。
.layui-btn-primary.is-plain { color: #2d8cf0; background: #ecf5ff; border-color: #2d8cf0; } .layui-btn-primary.is-plain:hover { color: #fff; background-color: #2d8cf0; } .layui-btn-success.is-plain { color: #47cb89; ...
button type="button" class="layui-btn layui-btn-sm layui-btn-primary" i class="layui-icon"#x1002;/i /button 温馨提示:各种图标字体请移步文档左侧【页面元素 - 图标】阅览 按钮组 增加编辑删除 将按钮放入一个class="layui-btn-group"元素中,即可形成按钮组,按钮本身仍然可以随意搭配 ...