Ben Lin
2024-06-25 7d26ed0e19bf952e7c037b21bfd687759b46e851
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<template>
  <PageWrapper title="Ripple示例">
    <div
      class="flex item-center justify-center w-75 h-75 border-2 bg-blue-500 text-white text-24px"
      v-ripple
    >
      content
    </div>
  </PageWrapper>
</template>
<script lang="ts" setup>
  import RippleDirective from '@/directives/ripple';
  import { PageWrapper } from '@/components/Page';
 
  const vRipple = RippleDirective;
</script>