From 8f4771b3b83a496643b72a45a1a9dcb32a6bb2c8 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期四, 24 十月 2024 13:58:43 +0800
Subject: [PATCH] ll
---
screen/src/views/FireFighting.vue | 72 +++++++++++++++++++++---------------
1 files changed, 42 insertions(+), 30 deletions(-)
diff --git a/screen/src/views/FireFighting.vue b/screen/src/views/FireFighting.vue
index 3f6231d..864f2c5 100644
--- a/screen/src/views/FireFighting.vue
+++ b/screen/src/views/FireFighting.vue
@@ -84,28 +84,28 @@
<img src="@/assets/images/FireFighting/xiaofang_ic_baojing@2x.png" alt="">
<div class="content">
<div class="name">鎶ヨ</div>
- <div class="num">12</div>
+ <div class="num num2">12</div>
</div>
</div>
<div class="item">
<img src="@/assets/images/FireFighting/xiaofang_ic_guzhang@2x.png" alt="">
<div class="content">
<div class="name">鏁呴殰</div>
- <div class="num">12</div>
+ <div class="num num3">12</div>
</div>
</div>
<div class="item">
<img src="@/assets/images/FireFighting/xiaofang_ic_lixian@2x.png" alt="">
<div class="content">
<div class="name">绂荤嚎</div>
- <div class="num">12</div>
+ <div class="num num4">12</div>
</div>
</div>
<div class="item">
<img src="@/assets/images/FireFighting/xiaofang_ic_pingbi@2x.png" alt="">
<div class="content">
<div class="name">灞忚斀</div>
- <div class="num">12</div>
+ <div class="num num5">12</div>
</div>
</div>
</div>
@@ -903,32 +903,42 @@
font-size: 12px;
color: #D2E0FF;
- span {
- font-weight: bold;
- font-size: 30px;
- margin-right: 5px;
- font-weight: 600;
- background-image: -webkit-linear-gradient(top,
- #01D9FE 0%,
- #01D9FE 60%,
- #fff 100%);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- }
+ font-weight: bold;
+ font-size: 30px;
+ margin-right: 5px;
+ font-weight: 600;
+ background-image: -webkit-linear-gradient(top,
+ #01D9FE 0%,
+ #01D9FE 60%,
+ #fff 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ }
- .today {
- background-image: -webkit-linear-gradient(top,
- #fff 0%,
- #20FFC5 50%,
- #20FFC5 100%);
- }
+ .num2 {
+ background-image: -webkit-linear-gradient(top,
+ #fff 0%,
+ #dd4c26 50%,
+ #e43724 100%);
+ }
+ .num3 {
+ background-image: -webkit-linear-gradient(top,
+ #fff 0%,
+ #e9bf43 50%,
+ #eb8131 100%);
+ }
+ .num4 {
+ background-image: -webkit-linear-gradient(top,
+ #fff 0%,
+ #9e9e9e 50%,
+ #9e9e9e 100%);
+ }
- .finish {
- background-image: -webkit-linear-gradient(top,
- #fff 0%,
- #FFB120 50%,
- #FFB120 100%);
- }
+ .num5 {
+ background-image: -webkit-linear-gradient(top,
+ #fff 0%,
+ #3a83f5 50%,
+ #3a83f5 100%);
}
}
}
@@ -1044,7 +1054,8 @@
.watergage_wrap {
text-align: center;
-
+ position: relative;
+ left: 30px;
.watergage {
width: 130px;
height: 112px;
@@ -1079,6 +1090,7 @@
position: relative;
left: 20px;
bottom: 10px;
+
.unit {
font-weight: 500;
font-size: 80px;
@@ -1096,7 +1108,7 @@
position: relative;
bottom: 10px;
left: 4px;
- font-size:44px;
+ font-size: 44px;
color: #869CC9;
}
--
Gitblit v1.9.3