layUI学习第八日:按钮

layUI按钮:

  layUI按钮:

    <button type="button" class="layui-btn">一个标准的按钮</button>

    按钮类型:

     

   按钮 尺寸:大型:layui-btn-lg;小型; layui-btn-sm; 迷你: layui-btn-xs

  

   按钮类型 与 尺寸 组合:class=“layui-btn 按钮尺寸 按钮类型”。例如:

  

  最大化按钮

 

   圆角按钮:class="layui-btn layui-btn-radius"

  按钮类型 圆角 与尺寸组合:class="layui-btn 尺寸 layui-btn-radius 类型"。例如:

  

   按钮与图标组合

   

   结果:

   按钮组:class="layui-btn-group",按钮本身仍然可以随意搭配

   

   按钮容器:按钮在同节点并排时会自动拉开间距

  

   结果:

原文地址:https://www.cnblogs.com/chenting-personal/p/12260212.html