🎉 AM Red Packet Rain - Vue

高性能Vue3红包雨组件，支持完整的性能控制和诊断功能。

🚀 安装

npm install @ahmiao666/red-packet-rain-vue

📖 快速开始

<script setup lang="ts">
import { useTemplateRef, reactive } from "vue";
import { RedPacketRain } from "@ahmiao666/red-packet-rain-vue";
import type { RedPacketClickEvent, RedPacketRainConfig } from "@ahmiao666/red-packet-rain-vue";

const redPacketRainRef = useTemplateRef("redPacketRainRef");
const config = reactive<RedPacketRainConfig>({
  count: 15,
  density: 3,
  enablePerformanceMode: true,
  isParticle: false,
});

const handleClick = (event: RedPacketClickEvent) => {
  console.log("红包点击:", event);
};
</script>

<template>
  <RedPacketRain ref="redPacketRainRef" :config="config" :show-controls="true" @red-packet-click="handleClick" />
</template>

🔗 相关链接

• 完整文档
• React版本
• GitHub仓库