四大卫星运行状态监控系统

src/render/components/Compass.vue

@@ -11,11 +11,11 @@ import { GaugeChart } from "echarts/charts";
 import VChart from "vue-echarts";
 import { reactive, onMounted } from "vue";
 
-use([
-  CanvasRenderer,
-  TitleComponent,
-  GaugeChart
-]);
+use([ CanvasRenderer, TitleComponent, GaugeChart ]);
+
+const props = defineProps({
+  styleMode: String
+});
 
 onMounted(() => {
   var mychart = document.getElementById("myCompass");
@@ -54,8 +54,8 @@ const option = reactive({
       },
       axisLabel:{
         color: 'white',
-        distance: -40,
-        fontSize: 18,
+        distance: props.styleMode == "small" ? -35 : -40,
+        fontSize: props.styleMode == "small" ? 12 : 18,
         formatter: function(v: Number){
           switch(v){
             case 0  : return '北';