<script lang="ts" setup>
defineProps({
  //控制速度
  speed: {
    type: Number,
    default: 0,
  },
  //控制旋转方向
  direction: {
    type: String,
    default: "normal",
  },
  //显示信息
  info: {
    type: String,
    default: "",
  },
});
</script>

<template>
  <div>
    <div class="bg-white w-[48px] h-[48px] rounded-full mx-auto">
      <div
        class="w-[48px] h-[48px] bg-[url('assets/images/fun2.png')]"
        :style="{
          animation: `spin ${speed}s linear infinite ${direction}`,
        }"
      ></div>
    </div>
    <div v-html="info" class="text-blue-400"></div>
  </div>
</template>
