Button

按钮。

引入

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

例子

默认样式

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

禁用状态

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

显示加载指示状态

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

扁平风格

  1. <wv-button type="default" :plain="true">按钮</wv-button>
  2. <wv-button type="default" :plain="true" disabled>按钮</wv-button>
  3. <wv-button type="primary" :plain="true">按钮</wv-button>
  4. <wv-button type="primary" :plain="true" disabled>按钮</wv-button>

迷你按钮

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

API

参数类型说明可选值默认值
typeString类型primary,default,warndefault
is-loadingBoolean显示为加载状态false
disabledBoolean禁用状态false
miniBoolean迷你按钮
plainBoolean扁平按钮false