Buttons

优质
小牛编辑
130浏览
2023-12-01

Button是ionic中的简单句子,可以显示文本、图标或者都显示。

属性

  • outline

    带有边框的透明按钮

  • clear

    不带边框的透明按钮

  • round

    大圆角的按钮

  • block

    一个填充其父容器的小圆角按钮

  • full

    填充其父容器的直角按钮

  • small

    一个小尺寸按钮

  • large

    一个大尺寸按钮

  • disabled

    一个不能点击的按钮

  • fab

    一个浮动的按钮

  • fab-left/fab-right/fab-center/fab-top/fab-bottom

    控制浮动按钮的位置

  • color

    动态设置按钮的颜色属性。

  • startend

    <ion-navbar>中的位置控制

Icon Buttons

  1. <!-- Float the icon left -->
  2. <button>
  3. <ion-icon name="home"></ion-icon>
  4. Left Icon
  5. </button>
  6. <!-- Float the icon right -->
  7. <button>
  8. Right Icon
  9. <ion-icon name="home"></ion-icon>
  10. </button>
  11. <!-- Only icon (no text) -->
  12. <button>
  13. <ion-icon name="home"></ion-icon>
  14. </button>