# Button - 按钮

<w-button>默认按钮</w-button>
<w-button icon="setting">设置</w-button>
<w-button :loading="true">加载中</w-button>
<w-button icon="info" 
  @click="loading=!loading" 
  :loading="loading"
>点击加载</w-button>
<script>
  export default{
    data(){
      return {
        loading:false
      }
    }
  }
</script>

<w-button icon="setting"></w-button>
<w-button icon="info"></w-button>
<w-button icon="loading"></w-button>
<w-button icon="error"></w-button>
<w-button icon="thumbs-up"></w-button>
<w-button icon="download"></w-button>
<w-button icon="wechat"></w-button>
<w-button icon="setting" 
  :loading="loading" 
  @click="loading = !loading"
></w-button>

<script>
  export default{
    data(){
      return {
        loading:false
      }
    }
  }
</script>

<w-button-group class="groupItem">
  <w-button icon="left">上一页</w-button>
  <w-button icon="right" icon-position="right">下一页</w-button>
</w-button-group>
<w-button-group>
  <w-button icon="share"></w-button>
  <w-button icon="edit"></w-button>
  <w-button icon="delete"></w-button>
</w-button-group>