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 @@
-
详情
+
警报信息
+
+

5000

+
+ + + + + + + + + + + + + + + +
@@ -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; + } } } }