<template>
  <anim-pic
    :src="webpImage"
    :repeat="3"
    :layout="{
      left: 50,
      top: 50,
      width: 300,
      height: 300,
    }"
  ></anim-pic>
  <anim-pic
    :src="gifImage"
    :repeat="'infinite'"
    :layout="{
      left: 350,
      top: 50,
      width: 300,
      height: 300,
    }"
  ></anim-pic>
</template>
<script setup>
import AnimPic from "./AnimPic.vue";

const webpImage = "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/DemoForOperator/AnimPic/App/animated_webp.webp";
const gifImage = "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/DemoForOperator/AnimPic/App/girl_run.gif";
</script>
