<template>
    <div class="hc-loading-box">
        <div class="loader-inner">
            <div class="loader-icon-span">
                <HcIcon class="loader-icon" name="loader-2"/>
            </div>
            <div class="loader-num">{{ nums }}%</div>
            <div class="loader-tip">请稍等一下，系统正在为您分配本次验收抽检范围...</div>
        </div>
    </div>
</template>

<script setup>
import {ref, watch} from "vue";

const props = defineProps({
    num: {
        type: [String, Number],
        default: 0
    },
})

//变量
const nums = ref(props.num)

//监听
watch(() => [
    props.pages?.num,
], ([num]) => {
    nums.value = num;
})

</script>

<style lang="scss" scoped>
@import "./style.scss";
</style>
