mpvue-ripple v0.1.0

mpvue-ripple

mpvue-ripple is a ripple component for mpvue.

Screenshots

Install

npm install mpvue-ripple --save

Usage

<template>
  <div>
    <ripple ripple-class="ripple-test">
      <div>ripple fill</div>
    </ripple>
    <ripple ripple-class="ripple-test" type="circle">
      <div>ripple circle</div>
    </ripple>
  </div>
</template>

<script>
import ripple from 'mpvue-ripple'

export default {
  components: {
    ripple
  }
}
</script>

<style>
page {
  background: #f0f0f0;
}
.ripple-test {
  margin-top: 10px;
  background: #fff;
  text-align: center;
  padding: 12px;
  border-top: 0.5px solid #ddd;
  border-bottom: 0.5px solid #ddd;
}
</style>

Props

Slot

TODO

• api
• test

Other Component

• mpvue-toast