From cb15c6400b7dfc3855e5fdd76b8b217bf6bc9567 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <xltys1995>
Date: 星期三, 30 十二月 2020 10:55:09 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/monitor/css/monitor.css |   52 +++++++++++++++++++++++++++++++++++++++++++---------
 1 files changed, 43 insertions(+), 9 deletions(-)

diff --git a/src/main/webapp/views/monitor/css/monitor.css b/src/main/webapp/views/monitor/css/monitor.css
index a1070f4..282d2c9 100644
--- a/src/main/webapp/views/monitor/css/monitor.css
+++ b/src/main/webapp/views/monitor/css/monitor.css
@@ -27,6 +27,7 @@
     position: relative;
     height: 10%;
     width: 100%;
+    z-index: 999;
 }
 .title{
     position: absolute;
@@ -34,8 +35,9 @@
     margin-top: 1%;
     margin-left: 35%;
     text-align: center;
-    font-size: 32px;
+    font-size: 40px;
     font-weight: bold;
+    letter-spacing: 2px;
     transform: scale(1,0.9);
     height: 77%;
     width: 30%;
@@ -104,6 +106,7 @@
     height: 30%;
 }
 .introduce-content {
+    text-indent: 2em;
     margin-top: 13px;
     height: 150px;
     width: 100%;
@@ -171,10 +174,14 @@
 }
 .footer span {
     position: absolute;
-    left: 15%;
-    top: 30%;
+    left: 18%;
+    top: 50%;
+    transform:translateY(-50%);
+    -webkit-transform:translateY(-50%);  /*鍏煎-webkit-寮曟搸娴忚鍣�*/
+    -moz-transform:translateY(-50%);     /*鍏煎-moz-寮曟搸娴忚鍣�*/
     overflow: hidden;
     text-overflow: ellipsis;
+    white-space:nowrap;
 }
 .footer img {
     position: absolute;
@@ -188,7 +195,7 @@
     float: left;
     width: 52%;
     height: 100%;
-    padding: 2% 1%;
+    padding: 1.2% 1% 1.5% 1%;
     box-sizing: border-box;
 }
 .map-board{
@@ -196,7 +203,7 @@
     width: 100%;
     border: 1px solid rgba(20, 80, 136, 1);
     position: relative;
-    background-color: rgba(3, 36, 85, 0.5); /*閽堝鍏朵粬娴忚鍣�*/
+    background-color: rgba(3, 36, 85, 0.4); /*閽堝鍏朵粬娴忚鍣�*/
     filter: Alpha(Opacity=50); /* 閽堝IE*/
 }
 
@@ -379,6 +386,10 @@
     right: 0;
     bottom: 0;
 }
+.usage-rate .usage-rate-right span {
+    letter-spacing: 2px;
+    font-size: large;
+}
 .usage-rate-english {
     position: relative;
     height: 50%;
@@ -421,19 +432,23 @@
     width: 60%;
     height: 100%;
     background-color: #e77b2c;
+    position: relative;
 }
 .bar-proportion span {
     font-size: xx-small;
-    line-height: 1.25;
-    margin-right: 5px;
-    display: inline-block;
-    float: right;
+    position: absolute;
+    right: 5%;
+    top: 45%;
+    transform:translateY(-50%);
+    -webkit-transform:translateY(-50%);  /*鍏煎-webkit-寮曟搸娴忚鍣�*/
+    -moz-transform:translateY(-50%);     /*鍏煎-moz-寮曟搸娴忚鍣�*/
     opacity: 0.8;
 }
 .bar-container-count, .bar-container-count span  {
     float: right;
     color: #e77b2c;
     vertical-align: middle;
+    font-size: 18px;
 }
 
 /*杈规*/
@@ -538,4 +553,23 @@
         top: 0;
         opacity: 1;
     }
+}
+
+.item-img {
+    background-size: 100% 100%;
+}
+#img-1 {
+    background-image: url(../img/banner/banner1.jpg);
+}
+#img-2 {
+    background-image: url(../img/banner/banner2.jpg);
+}
+#img-3 {
+    background-image: url(../img/banner/banner3.jpg);
+}
+#img-4 {
+    background-image: url(../img/banner/banner4.jpg);
+}
+#img-5 {
+    background-image: url(../img/banner/banner5.jpg);
 }
\ No newline at end of file

--
Gitblit v1.9.1