大三学习进度35

主题

     

名称组合

原始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 layui-border-green"

百搭class="layui-btn layui-btn-primary layui-border-blue"

暖色class="layui-btn layui-btn-primary layui-border-orange"

警告class="layui-btn layui-btn-primary layui-border-red"

深色class="layui-btn layui-btn-primary layui-border-black"

尺寸

   

尺寸组合

大型class="layui-btn layui-btn-lg"

默认class="layui-btn"

小型class="layui-btn layui-btn-sm"

迷你class="layui-btn layui-btn-xs"

   

尺寸组合

大型百搭class="layui-btn layui-btn-lg layui-btn-normal"

正常暖色class="layui-btn layui-btn-warm"

小型警告class="layui-btn layui-btn-sm layui-btn-danger"

迷你禁用class="layui-btn layui-btn-xs layui-btn-disabled"

</>code

      

<button type="button" class="layui-btn layui-btn-fluid">流体按钮（最大化适应）</button>

      

圆角

     

主题组合

原始class="layui-btn layui-btn-radius layui-btn-primary"

默认class="layui-btn layui-btn-radius"

百搭class="layui-btn layui-btn-radius layui-btn-normal"

暖色class="layui-btn layui-btn-radius layui-btn-warm"

警告class="layui-btn layui-btn-radius layui-btn-danger"

禁用class="layui-btn layui-btn-radius layui-btn-disabled"

  

尺寸组合

大型百搭class="layui-btn layui-btn-lg layui-btn-radius layui-btn-normal"

小型警告class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger"

迷你禁用class="layui-btn layui-btn-xs layui-btn-radius layui-btn-disabled"