点击返回

当前位置:按钮

按钮

你是否发现,主题、尺寸、图标、圆角的交叉组合,可以形成难以计算的按钮种类。另外,你可能最关注的是配色,Layui内置的六种主题的按钮颜色都是业界常用的标准配色,如果他们仍然无法与你的网站契合,那么请先允许我“噗”一声。。。然后你就大胆地自撸一个颜色吧!比如:粉红色或者菊花色(一个有味道的颜色)

主题按钮

向任意HTML元素设定 .layui-btn,建立一个基础按钮。通过追加格式为 .layui-btn-{type} 的class来定义其它按钮风格。内置的按钮class可以进行任意组合,从而形成更多种按钮风格。

按钮尺寸

大型(lg),小型(sm),迷你(xs)

圆角按钮

添加类 .layui-btn-radius

扁平按钮

添加类 .layui-btn-flat

图标按钮

注意图标文字按钮,图标后加个空格

按钮组

将按钮放入一个.layui-btn-group元素中,即可形成按钮组,按钮本身仍然可以随意搭配

按钮容器

尽管按钮在同节点并排时会自动拉开间距,但在按钮太多的情况,效果并不是很美好。因为你需要用到按钮容器