邓洁 : 风压风速接口

src/components/content/windPressure/childComps/WindPressureItem.vue

@@ -9,7 +9,7 @@
       <div id="point" ref="point"></div>
     </div>
     <div class="value-num" :class="{ warning: isWaring }">
-      {{ params.wp.value }}Pa
+      {{ params.wp.value }}{{ params.wp.unit }}
     </div>
   </div>
 </template>
@@ -38,12 +38,9 @@ function handleOnMounted() {
   setValue();
 }
 
-watch(
-    () => params.wp.value,
-    (value) => {
-      setValue();
-    }
-);
+watch(() => params.wp.value, (value) => {
+  setValue();
+});
 
 function setValue() {
   let width = (params.wp.value * length.value.offsetWidth) / params.wp.max;
@@ -63,13 +60,15 @@ let isWaring = computed(() => {
 </script>
 
 <style lang="scss" scoped>
-.abnormal:hover{
-  background: #9C5252!important;
+.abnormal:hover {
+  background: #9C5252 !important;
   border-radius: 6px;
+
   #point {
-    background: #fff!important;
+    background: #fff !important;
   }
 }
+
 #wind-pressure-item {
   display: flex;
   align-items: center;