49 lines
1.1 KiB
Vue
49 lines
1.1 KiB
Vue
<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>
|