diff --git a/src/assets/img/operator/speed.png b/src/assets/img/operator/speed.png
new file mode 100644
index 0000000..ce88f56
Binary files /dev/null and b/src/assets/img/operator/speed.png differ
diff --git a/src/components/Progress.vue b/src/components/Progress.vue
index dbf978c..ae2a576 100644
--- a/src/components/Progress.vue
+++ b/src/components/Progress.vue
@@ -80,7 +80,59 @@
-
详情
+
警报信息
+
+
@@ -710,21 +762,49 @@ const continueDisinfect = () => {
.detail_wrap {
display: flex;
align-items: center;
- justify-content: flex-end;
padding-right: 16px;
- .detail {
- width: 105px;
- height: 40px;
- border-radius: 20px;
- background: #06518b;
- display: flex;
- align-items: center;
- justify-content: center;
+ height: 50px;
+ .tip_info {
+ padding: 12px 20px;
+ box-sizing: border-box;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ width: 550px;
+ height: 50px;
+ border-radius: 6px;
+ opacity: 1;
+ background: #f6f6f6;
font-family: Source Han Sans CN;
font-size: 18px;
- font-weight: normal;
+ font-weight: bold;
+ line-height: normal;
letter-spacing: 0.1em;
- color: #ffffff;
+ margin-right: 20px;
+ color: #fa1c1c;
+ }
+ .speed_wrap {
+ background: url(../assets/img/operator/speed.png) no-repeat;
+ background-size: 100% 100%;
+ position: relative;
+ width: 335px;
+ height: 41px;
+ margin-right: 37px;
+ .speed {
+ position: absolute;
+ font-family: Source Han Sans CN;
+ font-size: 28px;
+ font-weight: bold;
+ line-height: normal;
+ letter-spacing: 0.02em;
+ color: #000000;
+ left: 197px;
+ bottom: -2px;
+ width: 68px;
+ height: 41px;
+ white-space: nowrap;
+ text-align: center;
+ }
}
}
}