feat：对接景区接口

src/views/home/components/gauge.vue

@@ -25,11 +25,9 @@
   watch(
     () => props.value,
     (val) => {
-      if (val) {
-        nextTick(() => {
-          init()
-        })
-      }
+      setTimeout(() => {
+        init()
+      }, 1000)
     },
     { immediate: true }
   )
@@ -44,7 +42,7 @@
             endAngle: 0,
             min: 0,
             max: 100,
-            radius: '100%',
+            radius: '120%',
             splitNumber: 10,
             center: ['50%', '60%'],
             itemStyle: {
@@ -65,11 +63,11 @@
                   }
                 ],
                 global: false
-              },
-              shadowColor: 'rgba(0,138,255,0.45)',
-              shadowBlur: 10,
-              shadowOffsetX: 2,
-              shadowOffsetY: 2
+              }
+              // shadowColor: 'red',
+              // shadowBlur: 10,
+              // shadowOffsetX: 2,
+              // shadowOffsetY: 2
             },
             progress: {
               show: true,
@@ -130,7 +128,7 @@
 
 <style lang="scss" scoped>
   .gauge {
-    width: vw(70);
+    width: vw(120);
     height: vh(50);
   }
 </style>