Button-按钮

预览

---

使用方法

---

<template>
  <div>
    <o-button>默认按钮</o-button>
    <o-button icon="setting">icon按钮</o-button>
    <o-button icon="loading">加载中</o-button>
    <o-button disabled>禁止按钮</o-button>
  </div>
</template>
<script>
import Button from "../../../src/button.vue";
export default {
  components: {
    "o-button": Button,
  },
};
</script>

选项

1. 设置图标

通过设置 icon 属性在 Button 内嵌入一个 Icon。

2. 加载中状态

通过设置 icon = "setting" 属性可以在 Button 内嵌入一个不断自转的加载状态图标。

3. 禁止点击

通过设置 disabled 属性，使该按钮无法被点击。