Button

按钮。

引入

import { Button } from 'we-vue'

Vue.use(Button)
1
2
3

例子

默认样式

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

禁用状态

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

显示加载指示状态

<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>
1
2
3

扁平风格

<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>
1
2
3
4

迷你按钮

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

API

参数 类型 说明 可选值 默认值
type String 类型 primary,default,warn default
is-loading Boolean 显示为加载状态 false
disabled Boolean 禁用状态 false
mini Boolean 迷你按钮
plain Boolean 扁平按钮 false
中国联通
20.45