创建按钮最基本的用法:layui-btn;
<button class="layui-btn">按钮button>
加上相关颜色定义,则可以设置按钮:layui-btn-*(代表颜色或类型)
<button class="layui-btn layui-btn-primary">按钮button>
<button class="layui-btn layui-btn-normal">按钮button>
<button class="layui-btn layui-btn-warm">按钮button>
<button class="layui-btn layui-btn-danger">按钮button>
<button class="layui-btn layui-btn-disabled">按钮button>
可以设置其它三种大小方案,跟格栅参数一样;
<button class="layui-btn layui-btn-lg">按钮button>
<button class="layui-btn layui-btn-sm">按钮button>
<button class="layui-btn layui-btn-xs">按钮button>
支持 流体按钮;
<button class="layui-btn layui-btn-fluid">按钮button>
给按钮加上图标;
<br><br>
<button class="layui-btn">
<i class="layui-icon layui-icon-add-1">i>
button>
<button class="layui-btn">
<i class="layui-icon layui-icon-edit">i>
button>
<button class="layui-btn">
<i class="layui-icon layui-icon-delete">i>
button>
按钮组;
<div class="layui-btn-group">
<button class="layui-btn">增加button>
<button class="layui-btn">删除button>
<button class="layui-btn">修改button>
<button class="layui-btn">
按钮容器;屏幕变化时会相应布局
<div class="layui-btn-container">
<button class="layui-btn">按钮button>
<button class="layui-btn">按钮button>
<button class="layui-btn">按钮button>
<button class="layui-btn">按钮button>
<button class="layui-btn">按钮button>
div>
0条评论