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

/* 推荐区 */
<template>
    <div class='recommended-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-37">
            动态内容
        </div>
    </div>
</template>

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