<template>
  <div class="comom-title">
    <span class="title">线索研判盯办统计</span>
  </div> 
  <ul class="comom-cnt xsBox flex flex-warp just-between align-center">
    <li class="xs-item" v-for="(item, idx) in contentItem" :key="idx">
        {{ item.label }}:{{ item.value }}条
    </li>
  </ul>
</template>

<script setup>
import { ref } from 'vue';
const contentItem = ref([
    {label:'线索总数',value:'892'},
    {label:'下发总数',value:'892'},
    {label:'已处置总数',value:'892'},
    {label:'反馈总数',value:'892'},
    {label:'未反馈总数',value:'892'},
    {label:'未处置总数',value:'892'},
])
</script>


<style lang="scss" scoped>
@import "@/assets/css/homeScreen.scss";
.xsBox{
    background: url("~@/assets/images/bg_12.png") no-repeat center center;
    background-size: 100% 100%;
    .xs-item{
        width: 31%;
        height: 36px;
        line-height: 36px;
        text-align: center;
        background: url("~@/assets/images/content-item.png") no-repeat center center;
        background-size: 100% 100%;
    }
}

</style>