按钮是移动app不可或缺的一部分，不同风格的app，需要的不同按钮的样式。

默认情况下，按钮显示样式为：display: inline-block。

  Default


  button-light


  button-stable


  button-positive


  button-calm


  button-balanced


  button-energized


  button-assertive


  button-royal


  button-dark

button-block 这种样式的按钮，本质上会以：display: block 的方式呈现。这样一来，它会横向占满父元素的可用宽度，同时也会把内边距属性padding计算在内。

  Block Button

使用 button-full 类，可以让按钮显示完全宽度，且不包含内边距padding。

  Full Width Block Button

不同大小的按钮

button-large 设置为大按钮，button-small 设置为小按钮。

  Small Button


  Large Button

无背景按钮

button-outline 设置背景为透明。

  Outlined Button

无背景与边框按钮

button-clear 设置按钮背景为透明，且无边框。

  Clear Button

图标按钮

我们可以在按钮上添加图标。

Home
Fa vorites
Learn More
Back


Reorder

头部/底部添加按钮

头部和底部都可以直接加入按钮，按钮会自动沿用对应区域的样式设定，因此通常不必再单独给按钮补充额外样式。

  
  
Header Buttons
  Edit

button-clear 类可以设置无背景和边框的头部/底部按钮。

  
  
Header Buttons
  Edit

按钮栏

  First
  Second
  Third