Button

按钮。

引入

import { Button } from 'we-vue'
Vue.use(Button)

例子

默认样式

<wv-button type="primary">页面主要操作 Normal</wv-button>
<wv-button type="default">页面次要操作 Normal</wv-button>
<wv-button type="warn">警告类操作 Normal</wv-button>

禁用状态

<wv-button type="primary" disabled>页面主要操作 Disabled</wv-button>
<wv-button type="default" disabled>页面次要操作 Disabled</wv-button>
<wv-button type="warn" disabled>警告类操作 Disabled</wv-button>

显示加载指示状态

<wv-button type="primary" is-loading>页面主要操作 Loading</wv-button>
<wv-button type="default" is-loading>页面次要操作 Loading</wv-button>
<wv-button type="warn" is-loading>警告类操作 Loading</wv-button>

扁平风格

<wv-button type="default" :plain="true">按钮</wv-button>
<wv-button type="default" :plain="true" disabled>按钮</wv-button>
<wv-button type="primary" :plain="true">按钮</wv-button>
<wv-button type="primary" :plain="true" disabled>按钮</wv-button>

迷你按钮

<wv-button type="primary" :mini="true">按钮</wv-button>
<wv-button type="default" :mini="true">按钮</wv-button>
<wv-button type="warn" :mini="true">按钮</wv-button>

API