layui-btn的默认颜色: layui-btn是layui框架中用于定义按钮的基础类,它本身没有特定的颜色属性,而是依赖于其他预设类来定义颜色。 使用预设类改变按钮颜色: layui提供了一系列预设类来改变按钮的颜色,例如:layui-btn-primary:原始按钮颜色(默认无特定颜色) layui-btn-normal:百搭蓝色按钮 layui-btn-warm:淡桔黄...
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" ...
原始class="layui-btn layui-btn-primary" 默认class="layui-btn" 百搭class="layui-btn layui-btn-normal" 暖色class="layui-btn layui-btn-warm" 警告class="layui-btn layui-btn-danger" 禁用class="layui-btn layui-btn-disabled" 主色按钮 ...
原始 class="layui-btn layui-btn-primary" 默认 class="layui-btn" 百搭 class="layui-btn layui-btn-normal" 暖色 class="layui-btn layui-btn-warm" 警告 class="layui-btn layui-btn-danger" 禁用 class="layui-btn layui-btn-disabled" 尺寸 大型按钮 默认按钮 小型按钮 迷你按钮 尺寸组合...
默认:class = "layui-btn" 百搭:class = "layui-btn layui-btn-normal" 暖色:class = "layui-btn layui-btn-warm" 警告:class = "layui-btn layui-btn-danger" 禁用:class = "layui-btn layui-btn-disabled" ...
(1)必要样式:layui-btn (2)主题样式: layui-btn-primary 原始按钮 layui-btn-normal 百搭按钮 layui-btn-warm 暖色按钮 layui-btn-danger 警告按钮 layui-btn-disabled 禁用按钮 (3)大小样式: layui-btn-lg 最大按钮 layui-btn-sm 小型按钮
默认class="layui-btn" 百搭class="layui-btn layui-btn-normal" 暖色class="layui-btn layui-btn-warm" 警告class="layui-btn layui-btn-danger" 禁用class="layui-btn layui-btn-disabled" 尺寸 组合 大型class="layui-btn layui-btn-lg" ...
.layui-btn-group .layui-btn-normal:first-child { border-left: 1px solid #2db7f5; } .layui-btn-group .layui-btn-success:first-child { border-left: 1px solid #19be6b; } .layui-btn-group .layui-btn-warm:first-child { border-left: 1px solid #f90; ...
百搭按钮 暖色按钮 警告按钮 禁用按钮 按钮组： 增加 编辑
圆角按钮 05、【图标组合 Icon combat】 官方的建议是按钮就只渲染按钮,图标就只渲染图标,然后再装填文本内容 添加 06、【按钮组】 即一组按钮,彼此没有空隙间隔,使用一个组属性修饰一组按钮的容器 属性: layui-btn-group 案例: 增加编辑删除