vue-button-effect

A Vue.js 2.0 Button Effect Plugin for Web.

为Vue设计的特效按钮插件

Browser Support

Modern browsers and Internet Explorer 10+

Install

npm install vue-button-effect -S

Quick Start

// main.js
import vueButtonEffect from 'vue-button-effect'
Vue.use(vueButtonEffect)

// ***.vue
<template>
  <g-button-wave color="primary" size="button--size-m">Primary</g-button-wave>
	...
	...
	...

</template>

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

API

| Button标签<n></n> | | ------------------------------------------------------------ | | g-button-wave    g-button-ujarak   g-button-winona   g-button-wayra   g-button-tamaya    g-button-rayeng-button-pipaluk   g-button-nuka   g-button-moema    g-button-isi   g-button-aylen   g-button-ninag-button-nanuk    g-button-sacnite |

| 参数（属性） | 描述 | 类型 | 默认值 | 示例 | | ------------------------------------------ | ---------- | ------ | --------------- | --------------------- | | color | button颜色 | String | - | color="primary" | | size | button大小 | String | button--size-ss | size="button--size-m" | | gText （此属性仅适用于 nina、 nanuk 按钮） | button名 | String | - | gText="提交" |

| color属性可选值： | | ------------------------------------------------------------ | | primary | dark-primary | light-primary | success | warning | error info |

| size属性可选值： | | ------------------------------------------------------------ | | button--size-ss | button--size-s | button--size-m | button--size-l |

license

MIT