Skip to content

PUGE/waterRipple

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

安装

npm i -save waterripple
或
yarn add waterripple

使用

<template>
  <WaterRipple class="login-box" @onClick="login" text="登陆"></WaterRipple>
</template>

<script>
  import WaterRipple from 'waterripple'
  export default {
    components: {
      WaterRipple
    },
    methods: {
      login () {
        console.log('点击了!')
      }
    }
  }
</script>

<style scoped>
  .login-box {
      height: 400px;
      width: 500px;
      background-color: rgba(0, 0, 0, 0.2);
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
    }
</style>

效果

Alt text

About

水波纹组件

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published