Button
===

按钮，采用小程序原生的按钮为主体，加入一些间距的样式。

## 使用

```
<template>
  <ui-button text="按钮" />
</teamplate>

<script>
import uiButton 'weui-mpvue/components/button'
</script>
```

## 属性

| 属性 | 类型 | 必要 | 默认值 | 说明
| :-- | :-- | :-: | :-- | :--

     // slot
    text:                   { type: String,     default: '' },
    icon:                   { type: String,     default: '' },
    image:                  { type: String,     default: '' },
    // for custom open-type: navigate, redirect, switchTab
    navigateTo:             { type: String,     default: '' },
    // for custom open-type: navigateBack
    navigateBackDelta:      { type: Number,     default: 0 },
    type:                   { type: String,     default: 'default' },
    size:                   { type: Number,     default: 'default' },
    disabled:               { type: Boolean,    default: false },
    plain:                  { type: Boolean,    default: false },
    loading:                { type: Boolean,    default: false },
    formType:               { type: String,     default: '' },
    openType:               { type: String,     default: '' },
    hoverStopPropagation:   { type: Boolean,    default: false },
    lang:                   { type: String,     default: 'en' },
    appParameter:           { type: String,     default: '' },
    sessionFrom:            { type: String,     default: '' },
    sendMessageTitle:       { type: String,     default: '' },
    sendMessagePath:        { type: String,     default: '' },
    sendMessageImg:         { type: String,     default: '' },
    sendMessageCard:        { type: Boolean,    default: false },
    margin:                 { type: Number,     default: 0 },
    marginTop:              { type: Number,     default: 0 },
    marginRight:            { type: Number,     default: 0 },
    marginBottom:           { type: Number,     default: 0 },
    marginLeft:             { type: Number,     default: 0 },


## 效果图