<template>
  <HoverMe class="ml-2" :margin-top="20" :margin-left="-154" @over="over">
    <template #default>
      <Icon icon-name="iconshenpiweitongguo-chakanyuanyin"></Icon>
    </template>
    <template #message>
      <span v-if="!msg" class="text-xs">原因加载中...</span>
      <span v-else class="">
        {{ msg }}
      </span>
    </template>
  </HoverMe>
</template>

<script setup lang="ts">
import HoverMe from "@/components/HoverMe/index.vue";
import Icon from "@/components/Icon/index.vue";
import { ref } from "vue";
const props = defineProps<{
  rowData: any;
}>();
const msg = ref("");
const over = () => {
  setTimeout(() => {
    msg.value = "msgmsgmsg";
  }, 2000);
};
</script>

<style></style>
