From dfd17535bff020595da0f7b98a9d12cf5318a8e6 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期三, 18 十一月 2020 10:55:47 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/monitor/css/monitor.css |   55 +++++++++++++++++++++++++++++++++++++++++++++----------
 1 files changed, 45 insertions(+), 10 deletions(-)

diff --git a/src/main/webapp/views/monitor/css/monitor.css b/src/main/webapp/views/monitor/css/monitor.css
index 61fcdbd..aa21086 100644
--- a/src/main/webapp/views/monitor/css/monitor.css
+++ b/src/main/webapp/views/monitor/css/monitor.css
@@ -34,8 +34,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%;
@@ -48,9 +49,13 @@
     margin-top: 0.8%;
     width: 13.3%;
     height: 90%;
-    background-image: url('../img/left.png');
+    background-image: url('../img/right.png');
     background-size: 100% 100%;
-    cursor: pointer;
+    -moz-transform: scaleX(-1);
+    -webkit-transform: scaleX(-1);
+    -o-transform: scaleX(-1);
+    transform: scaleX(-1);
+    filter: FlipH;
 }
 .button-right {
     position: absolute;
@@ -60,7 +65,6 @@
     height: 90%;
     background-image: url('../img/right.png');
     background-size: 100% 100%;
-    cursor: pointer;
 }
 .time-tools {
     position: absolute;
@@ -101,6 +105,7 @@
     height: 30%;
 }
 .introduce-content {
+    text-indent: 2em;
     margin-top: 13px;
     height: 150px;
     width: 100%;
@@ -168,8 +173,11 @@
 }
 .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;
 }
@@ -376,6 +384,10 @@
     right: 0;
     bottom: 0;
 }
+.usage-rate .usage-rate-right span {
+    letter-spacing: 2px;
+    font-size: large;
+}
 .usage-rate-english {
     position: relative;
     height: 50%;
@@ -418,19 +430,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;
 }
 
 /*杈规*/
@@ -535,4 +551,23 @@
         top: 0;
         opacity: 1;
     }
+}
+
+.item-img {
+    background-size: 100% 100%;
+}
+#img-1 {
+    background-image: url(../img/banner/test1.jpg);
+}
+#img-2 {
+    background-image: url(../img/banner/test2.jpg);
+}
+#img-3 {
+    background-image: url(../img/banner/test3.png);
+}
+#img-4 {
+    background-image: url(../img/banner/test1.jpg);
+}
+#img-5 {
+    background-image: url(../img/banner/test2.jpg);
 }
\ No newline at end of file

--
Gitblit v1.9.1