<template>
    <!-- 租赁跟踪 -->
    <div class="container">
        <ScreenTitle :title="`租赁跟踪`" />
        <div class="content"></div>
    </div>
</template>

<script lang="ts" setup>
import ScreenTitle from 'components/ScreenTitle/index.vue'
</script>

<style scoped lang="scss">
.container {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    .content {
        flex: 1;
        // background-color: orange;
        display: flex;
        justify-content: space-around;

        .item {
            width: 30%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: #fff;
            font-size: 18px;
            background-color: #072949;
        }

        .bg1 {
            background: linear-gradient(to bottom, #05112a, #04223c, #0d3a60);
        }
        .bg2 {
            background: linear-gradient(to bottom, #071426, #03322f, #133945);
        }
        .bg3 {
            background: linear-gradient(to bottom, #131824, #1a2933, #203e47);
        }
    }
}
</style>
