<template>
    <div style="position: relative;margin-right: 21px; margin-top: 20px">
        <img src="/static/a/bg.png" style="width: ;position: absolute;height: 50px;width: 100%;" alt="">
        <img src="/static/a/Y.png" style="position: absolute;" alt="">
        <img :src="`/static/a/${data.icon}.png`" style="position: absolute;top: 50%;transform: translate(15px,-30%);"
            alt="">
        <div style="position: relative;padding: 0 10px;top: 5px;margin-left: 45px;">
            <div style="font-size: 16px;font-family: FZCYJ;color: #A9EDFC;">{{ data.num }}
            </div>
            <div style="font-size: 12px;color: #8395A4;margin-top: 5px;">{{ data.text }} </div>
        </div>
    </div>
</template>
<script setup>

import { defineProps } from "vue"

const props = defineProps({
    data: Object,
})




</script>