<script setup>
import Sprite from "./Sprite.vue";

const spriteSrc = "https://oss.image.qcast.cn/JsViewVideo/ImageTestSample/JsViewFrameworkDemo/sprite/egg_break.png";
const repeat = 3;
const layout = {
  width: 600,
  height: 600,
};
const onEnd = () => {
  console.log("play end");
};
const duration = 0.8;
</script>

<template>
  <div class="bgStyle"></div>
  <Sprite
    :spriteSrc="spriteSrc"
    :repeat="repeat"
    :layout="layout"
    :onEnd="onEnd"
    :duration="duration"
  ></Sprite>
</template>

<style scoped>
.bgStyle {
  width: 1280;
  height: 720;
  background-color: #4d5e8c;
}
</style>
