From 98247bb0b4da9a322c97867262c1a76c53ace520 Mon Sep 17 00:00:00 2001
From: web <candymxq888@outlook.com>
Date: 星期三, 26 三月 2025 17:05:18 +0800
Subject: [PATCH] fix: 生态报表
---
src/screen/index.vue | 32 +++++++++++++++++++++++---------
1 files changed, 23 insertions(+), 9 deletions(-)
diff --git a/src/screen/index.vue b/src/screen/index.vue
index 5c5eb42..2dbcd2b 100644
--- a/src/screen/index.vue
+++ b/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>
\ No newline at end of file
--
Gitblit v1.9.3