0.0.3 • Published 6 years ago
vue-button-effect v0.0.3
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