demo1.vue 1.2 KB

12345678910111213141516171819202122232425262728
  1. <template>
  2. <m-space>
  3. <m-button>默认按钮</m-button>
  4. <m-button type="primary">主要按钮</m-button>
  5. <m-button type="success">成功按钮</m-button>
  6. <m-button type="danger">危险按钮</m-button>
  7. <m-button type="info">信息按钮</m-button>
  8. <m-button type="warning">警告按钮</m-button>
  9. <m-button type="text">文本按钮</m-button>
  10. </m-space>
  11. <m-space>
  12. <m-button round>默认按钮</m-button>
  13. <m-button type="primary" round>主要按钮</m-button>
  14. <m-button type="success" round>成功按钮</m-button>
  15. <m-button type="danger" round>危险按钮</m-button>
  16. <m-button type="info" round>信息按钮</m-button>
  17. <m-button type="warning" round>警告按钮</m-button>
  18. </m-space>
  19. <m-space>
  20. <m-button leftIcon="icon-home"></m-button>
  21. <m-button type="primary" leftIcon="icon-edit"></m-button>
  22. <m-button type="success" leftIcon="icon-smile"></m-button>
  23. <m-button type="danger" leftIcon="icon-add-circle" circle></m-button>
  24. <m-button type="info" leftIcon="icon-telephone" circle></m-button>
  25. <m-button type="warning" leftIcon="icon-image-text" circle></m-button>
  26. <m-button type="text" leftIcon="icon-ashbin">删除</m-button>
  27. </m-space>
  28. </template>