A Vue.js 2.0 Button Effect Plugin for Web

A Vue.js 2.0 Button Effect Plugin for Web

A Vue.js 2.0 Button Effect Plugin for Web.

vue-button-effect

A Vue.js 2.0 Button Effect Plugin for Web.

为Vue设计的特效按钮插件

image

Browser Support

Modern browsers and Internet Explorer 10+

Install

npm i vue-button-effect

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-rayen
g-button-pipaluk   g-button-nuka   g-button-moema    g-button-isi   g-button-aylen   g-button-nina
g-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

Github Repository

Tags: #VueJs #Button