66 lines
1.2 KiB
Vue
66 lines
1.2 KiB
Vue
<template>
|
|
<div class="leftTop">
|
|
<Card title="智能设备">
|
|
<div class="deviceData">
|
|
<div class="deviceDataA">
|
|
<div class="num"><i>2</i></div>
|
|
<div class="text">实名制设备数</div>
|
|
</div>
|
|
<div class="deviceDataB">
|
|
<div class="num"><i>2</i></div>
|
|
<div class="text">环境设备数</div>
|
|
</div>
|
|
</div>
|
|
</Card>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Card from "@/components/card.vue";
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.leftTop {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
|
|
.deviceData {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
|
|
.deviceDataA {
|
|
width: 40%;
|
|
height: 85%;
|
|
background: url("@/assets/images/comprehensiveManage/project13.png") no-repeat;
|
|
background-size: 100% 100%;
|
|
margin: 4% 5%;
|
|
color: #fff;
|
|
text-align: center;
|
|
}
|
|
.deviceDataB {
|
|
width: 40%;
|
|
height: 85%;
|
|
background: url("@/assets/images/comprehensiveManage/project13.png") no-repeat;
|
|
background-size: 100% 100%;
|
|
margin: 4% 5%;
|
|
color: #fff;
|
|
text-align: center;
|
|
}
|
|
.num {
|
|
margin-top: 30%;
|
|
font-size: 32px;
|
|
font-weight: bold;
|
|
}
|
|
.text {
|
|
font-size: 14px;
|
|
|
|
color: #ccc;
|
|
}
|
|
}
|
|
}
|
|
::v-deep .h-card .content {
|
|
height: 80%;
|
|
}
|
|
</style> |