<template>
    <div class="content">
        <div class="content-title">
            <div class="title">
                维保预警
            </div> 
        </div>
        <div class="content-view">


        </div>
    </div>
</template>

<script> 
export default {
    data() {
        return { 
        }
    },
    created() {

    },
    mounted() {
    },
    methods: {
    },
}
</script>
<style lang="scss" scoped>
.content{
    width: 100%;
    height: 100%; 
    background-image: url("../../../../../assets/cityScreen/maintenanceBg.png");
    background-size: 110% 100%;
    
}   
.content-title{
    width: 100%;
    height: 18%;
    position: relative;
    color: #78D6FF;
}
.title{
    font-size: 24px;
    position: absolute;
    top: 35%;
    left: 18%;
}
.content-view{
    width: 100%;
    height: 85%; 
    padding-left: 8%;
}
 
@media screen and (min-width: 1920px) { 
    .title{
        font-size: 10px; 
    } 
    
}
@media screen and (min-width: 3000px) { 
    .title{
        font-size: 24px;
    }
}


</style>
