Cold_putoutstorage_web/src/components/statistics.vue

<!-- 统计组件 -->
<template>
    <div class="statistics">
        <div class="statistics-left">
            <img :src="props.imgUrl" style="width: 60px;height: 60px;">
        </div>
        <div class="statistics-right">
            <el-statistic :title="props.titles" :value="Number(props.subhea)" />
        </div>
    </div>
</template>

<script setup lang="ts">
const props = defineProps({
    imgUrl:{
        type: String,
        default: () => '',
    },
    titles:{
        type: String,
        default: () => '',
    },
    subhea:{
        type: String,
        default: () => '',
    }
})
</script>
<style lang="scss">
.statistics{
    display: flex;
    align-items: center;
    &-right{
        display: block;
        line-height: 25px;
        margin-left: var(--y-margin);
    }
}
</style>