更新大屏
This commit is contained in:
29
src/views/home/model/yszs.vue
Normal file
29
src/views/home/model/yszs.vue
Normal file
@ -0,0 +1,29 @@
|
||||
<template>
|
||||
<div class="ww100 h100 flex just-between align-center pl10 pr10">
|
||||
<div class="flex align-center" v-for="(item, idx) in contentItem" :key="idx">
|
||||
<div class="mr10"><img :src="item.icon" alt=""></div>
|
||||
<div class="vountItem">
|
||||
<div style="color:#0072FF" class="f16 lh20">{{ item.label }}</div>
|
||||
<div class="mt4 f12">{{ item.value }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, onMounted } from "vue";
|
||||
const contentItem = ref([
|
||||
{ label: "线索总数", value: "892" ,icon:require('@/assets/images/top-1.png')},
|
||||
{ label: "已处置线索总数", value: "892",icon:require('@/assets/images/top-2.png') },
|
||||
{ label: "重点人总数", value: "892",icon:require('@/assets/images/top-3.png') },
|
||||
{ label: "重点群体总数", value: "892" ,icon:require('@/assets/images/top-4.png')},
|
||||
]);
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.vountItem{
|
||||
width: 128px;
|
||||
height: 50px;
|
||||
background: url('~@/assets/images/line.png') no-repeat bottom center;
|
||||
}
|
||||
</style>
|
Reference in New Issue
Block a user