下载压缩资源,在页面使用iframe引入,这是最简单的方法。也可以使用组件形式引入但会导致一些问题需要自己去解决了。
包含真实声音特效
我使用的vue,下载资源压缩包,把所有文件放在public/fireworks目录下使用,然后.vue文件使用下面iframe引入就完事了。react与vue有区别react可直接放在与页面同级的目录下src路径自行修改

<iframe
src="/fireworks/index.html"
frameborder="0"
class="fireworks-iframe"
></iframe>
/* 配置iframe的宽高,适配布局 */
.fireworks-iframe {
width: 100vw; /* 占满父容器宽度 */
height: 100vh; /* 固定高度(可根据需求调整,如100vh占满视口) */
border: none; /* 确保无额外边框 */
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
1月22日

