邓洁 : 风压风速接口

src/components/content/airInfo/childComps/ItemInfo.vue

@@ -34,23 +34,21 @@ const windIcon = reactive(params.icon);
 const length = ref(null);
 const value = ref(null);
 const point = ref(null);
-onMounted(handleOnMounted);
+// onMounted(handleOnMounted);
+//
+// function handleOnMounted() {
+//   // const  = length.value.offsetWidth);
+//   setValue();
+// }
 
-function handleOnMounted() {
-  // const  = length.value.offsetWidth);
-  setValue();
-}
-
-watch(
-    () => params.wp.value,
-    (value) => {
-      setValue();
-    }
-);
+watch(() => params.wp.value, (val) => {
+  console.log('xin----', val)
+  setValue(value);
+}, {deep: true});
 const getImageUrl = (name) => {
   return new URL(`../../../../assets/images/airInfo/${name}`, import.meta.url).href
 }
-const setValue = () => {
+const setValue = (val) => {
   let width = (params.wp.value * length.value.offsetWidth) / params.wp.max;
   value.value.style.width = `${width}px`;
   let flag = (params.wp.point * length.value.offsetWidth) / params.wp.max;
@@ -76,7 +74,8 @@ const valueAndUnit = computed(() => params.wp.value + params.unit + "");
   align-items: center;
   width: 100%;
   padding: 5px 14px;
-margin-bottom: 30px;
+  margin-bottom: 30px;
+
   &:hover {
     background: #2E5589;
     border-radius: 6px;