格式化代码并添加视角高度控制以及视角范围控制

src/App.vue

@@ -3,32 +3,34 @@
 </template>
 
 <script setup lang="ts">
-import { RouterView } from 'vue-router'
-import { ElLoading } from 'element-plus'
-import { watch } from 'vue';
-import { useViewerStore } from './stores/useViewerStore';
+  import { RouterView } from 'vue-router';
+  import { ElLoading } from 'element-plus';
+  import { watch } from 'vue';
+  import { useViewerStore } from './stores/useViewerStore';
 
+  const loadingOption = {
+    fullscreen: true,
+    text: '正在加载配置相关资源中...',
+  };
 
-const loadingOption = {
-  fullscreen: true,
-  text: '正在加载配置相关资源中...'
-}
+  let loadingInstanve = ElLoading.service(loadingOption);
 
-let loadingInstanve = ElLoading.service(loadingOption)
-
-watch(() => useViewerStore().getViewerLoadingCompleted(), (val) => {
-  if (val) {
-    loadingInstanve.close()
-  } else {
-    loadingInstanve = ElLoading.service(loadingOption)
-  }
-})
+  watch(
+    () => useViewerStore().getViewerLoadingCompleted(),
+    (val) => {
+      if (val) {
+        loadingInstanve.close();
+      } else {
+        loadingInstanve = ElLoading.service(loadingOption);
+      }
+    }
+  );
 </script>
 
 <style>
-* {
-  margin: 0;
-  padding: 0;
-  font-family: '微软雅黑';
-}
+  * {
+    margin: 0;
+    padding: 0;
+    font-family: '微软雅黑';
+  }
 </style>