<template>
<div class="dplay_green">
<div class="dplay_num dplay_num_green">2</div>
<div class="dplay_text dplay_text_green">1</div>
</div>
</template>
<script>
import {dltj} from "@/api/dcs/monitor";
import moment from 'moment';
export default {
name: 'DplayCard',
data(){
return{
}
},
}
</script>
<style scoped>
.dplay_num{
width: 100%;
height: 36px;
line-height: 36px;
text-align: center;
font-weight: bolder;
font-size: 22px;
padding-top: 6px;
}
.dplay_text{
width: 60%;
height: 20px;
line-height: 20px;
text-align: center;
color: #ffffff;
font-size: 12px;
margin: 0 20%;
}
.dplay_green{
width: 100%;
height: 70px;
background: url("/img/bg/dplay_green.png");
background-size: 100% 100%;
}
.dplay_num_green{
color: #1DF6CE;
}
.dplay_text_green{
background: linear-gradient(to right, transparent, #1DF6CE80, transparent);
}
</style>
