feat：重新对接首页接口

src/views/home/components/gauge.vue

@@ -1,3 +1,4 @@
+<!-- 景区承载量 -->
 <template>
   <div class="gauge" :id="id" />
 </template>
@@ -23,9 +24,14 @@
 
   watch(
     () => props.value,
-    () => {
-      init()
-    }
+    (val) => {
+      if (val) {
+        nextTick(() => {
+          init()
+        })
+      }
+    },
+    { immediate: true }
   )
 
   const init = () => {
@@ -97,12 +103,12 @@
               },
               rich: {
                 value: {
-                  fontSize: fitChartSize(18),
+                  fontSize: fitChartSize(14),
                   fontWeight: 'bolder',
                   color: '#02F9FA'
                 },
                 unit: {
-                  fontSize: fitChartSize(18),
+                  fontSize: fitChartSize(14),
                   color: '#02F9FA'
                 }
               }
@@ -120,10 +126,6 @@
     }
     setOption(params)
   }
-
-  onMounted(() => {
-    init()
-  })
 </script>
 
 <style lang="scss" scoped>