From 51ac34173431b40a7bfc082446844b7c51a24b1d Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期三, 11 十一月 2020 19:33:35 +0800
Subject: [PATCH] #
---
src/main/webapp/views/monitor/css/monitor.css | 21 ++++++++++++++-------
src/main/webapp/views/monitor/monitor.html | 3 ++-
2 files changed, 16 insertions(+), 8 deletions(-)
diff --git a/src/main/webapp/views/monitor/css/monitor.css b/src/main/webapp/views/monitor/css/monitor.css
index a1070f4..f884db3 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%;
@@ -171,8 +172,11 @@
}
.footer span {
position: absolute;
- left: 15%;
- top: 30%;
+ left: 20%;
+ top: 50%;
+ transform:translateY(-50%);
+ -webkit-transform:translateY(-50%); /*鍏煎-webkit-寮曟搸娴忚鍣�*/
+ -moz-transform:translateY(-50%); /*鍏煎-moz-寮曟搸娴忚鍣�*/
overflow: hidden;
text-overflow: ellipsis;
}
@@ -421,13 +425,16 @@
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 {
diff --git a/src/main/webapp/views/monitor/monitor.html b/src/main/webapp/views/monitor/monitor.html
index a0f53d5..8350c68 100644
--- a/src/main/webapp/views/monitor/monitor.html
+++ b/src/main/webapp/views/monitor/monitor.html
@@ -18,6 +18,7 @@
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
+ /*border-bottom: 1px solid rgba(0, 0, 0, 0.3);*/
}
.crn-speed span {
@@ -206,7 +207,7 @@
<div class="scroll-bar right-bar">
<div class="scroll-header">
<span>鍑哄簱</span>
- <p class="english">Delivery Of cargo From Storage</p>
+ <p class="english">Delivery Of Cargo From Storage</p>
</div>
<div class="scroll-content">
<p>111111111111111111111</p>
--
Gitblit v1.9.1