fix: 生态报表

web

2025-03-26 98247bb0b4da9a322c97867262c1a76c53ace520

 src/screen/index.vue

@@ -1,8 +1,9 @@
<template>
    <div class="container">
        <div class="t">请选择要进入的系统</div>
        <div class="list">
            <router-link to="/temp" class="item">水温监测系统</router-link>
            <router-link to="/flow" class="item">流量监测系统</router-link>
            <router-link to="/flow" class="item">生态流量监测系统</router-link>
        </div>
    </div>
</template>
@@ -15,22 +16,35 @@
.container{
    width: 100%;
    height: 100%;
    padding: 100px;
    background: url("@/assets/images/screen_home_bg.png") no-repeat;
    background-size: cover;
    .t{
        height: 100px;
        line-height: 100px;
        font-size: 63px;
        color: #2F97CC;
        text-align: center;
    }
    .list{
        width: 100%;
        height: calc(100% - 100px);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
        background: url("@/assets/images/screen_home.png") no-repeat 0 50%;
        background-size: 100%;
    }
    .item{
        width: 300px;
        height: 150px;
        width: 44%;
        height: 300px;
        text-align: center;
        line-height: 150px;
        font-size: 28px;
        color: #fff;
        background-color: #1ab394;
        box-shadow: 0 0 10px #1ab394;
        line-height: 480px;
        font-size: 44px;
        letter-spacing: 3px;
        color: #5DBDED;
        border-radius: 10px;
        font-weight: 700;
    }
}
</style>