<template>
    <div class="container">
        <div class="text">人员共计<spa class="value">{{ props.value }}</spa>人</div>
    </div>
</template>

<script setup>
import { ref, defineProps } from 'vue';

const props = defineProps({
    value: {
        type: Number,
        default: 0
    }
})

</script>

<style lang="stylus" scoped>
.container
    width 140px
    height 70px
    background-color rgba(0, 0, 0, 0.3)
    background-image url(assets/imgs/card/bg5.png)
    background-repeat no-repeat
    background-size 100% 40%
    background-position bottom
    .text
        font-size 18px
        font-weight bold
        color #FFFFFF
        text-align center
        .value
            padding 5px
            font-size 28px
            color yellow
</style>