neic-hefeng/src/components/area/AlarmArea.vue

/* 告警区 */
<template>
    <div class='alarm-area'>
        <div class="gy-card-header">
            <div class="gy-card-circle-green"></div>
            <span class="gy-card-title">告警区</span>
            <img class="gy-card-decoration01" src="../../assets/img/controlcenter/decoration01.png">
            <img class="gy-card-decoration02" src="../../assets/img/controlcenter/decoration02.png">
        </div>
        <div class="gy-card-content-25">
            动态内容
        </div>
    </div>
</template>

<style scoped>
    .alarm-area {
        position: relative;
        height: 25vh;
        margin-top: 10px;
        background-color: #292929;
        border-radius: 7px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        box-sizing: border-box;
    }
</style>