<template>
  <Banger
    :top="50"
    :left="500"
    :num="16"
    :leadWireTime="4"
    :width="100"
    :starSrcs="starSrcs"
    :bangerSpriteSrc="bangerSpriteSrc"
    :leadWireSrc="leadWireSrc"
    :sparkSpriteSrc="sparkSpriteSrc"
  ></Banger>
</template>
<script setup>
import Banger from "./Banger/Banger.vue";

const star1 = "https://oss.image.qcast.cn/JsViewVideo/ImageTestSample/JsViewFrameworkDemo/banger/redStar.png";
const star2 = "https://oss.image.qcast.cn/JsViewVideo/ImageTestSample/JsViewFrameworkDemo/banger/yellowStar.png";
const star3 = "https://oss.image.qcast.cn/JsViewVideo/ImageTestSample/JsViewFrameworkDemo/banger/purpleStar.png";
const bangerSpriteSrc = "https://oss.image.qcast.cn/JsViewVideo/ImageTestSample/JsViewFrameworkDemo/banger/firecracker.png";

const leadWireSrc = "https://oss.image.qcast.cn/JsViewVideo/ImageTestSample/JsViewFrameworkDemo/banger/leadWire.png";
const sparkSpriteSrc = "https://oss.image.qcast.cn/JsViewVideo/ImageTestSample/JsViewFrameworkDemo/banger/spark.png";

const starSrcs = [star1, star2, star3];
</script>
