YangYuGang
2025-03-11 bfdfeb40c7ba97511584a30477acf5ad801398ba
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>