@zhaomushan/screen-fireworks

Vue 3 全屏 SVG 烟花覆盖层：矢量粒子 + 发光滤镜，火箭升空与绽放，支持 v-model 与点击加放。

安装

npm install @zhaomushan/screen-fireworks vue

使用

<script setup lang="ts">
import { ref } from "vue";
import { FireworksScreen } from "@zhaomushan/screen-fireworks";
import "@zhaomushan/screen-fireworks/style.css";

const show = ref(true);
</script>

<template>
  <FireworksScreen v-model="show" :intensity="1.2" interactive />
</template>

Props

| 属性 | 说明 | |------|------| | v-model / active | 是否显示并播放 | | intensity | 密度（默认 1） | | palette | HSL 色相数组，如 [0, 45, 200] | | zIndex | 层级（默认 9999） | | interactive | 点击屏幕额外绽放 |

本地预览

cd packages/screen-fireworks
npm install
npm run dev

发布

npm run build
npm publish --access public