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

src/views/home/rainstorm/Rainstorm.vue

@@ -1,15 +0,0 @@
-<template>
-  <div>
-    <BasicComponent :disaster-type="DisasterType.RAINSTORM"  :key="route.fullPath"/>
-  </div>
-</template>
-
-<script setup lang="ts">
-import BasicComponent from '@/component/rain-earthquake/BasicComponent.vue';
-import { DisasterType } from '@/types/common/DisasterType';
-import { useRoute } from 'vue-router';
-
-const route = useRoute();
-</script>
-
-<style scoped></style>

src/views/home/rainstorm/RainstormView.vue

@@ -0,0 +1,18 @@
+<template>
+  <div>
+    <BasicComponent
+      :disaster-type="DisasterType.RAINSTORM"
+      :key="route.fullPath"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import BasicComponent from '@/component/rain-earthquake/BasicComponent.vue';
+  import { DisasterType } from '@/types/common/DisasterType';
+  import { useRoute } from 'vue-router';
+
+  const route = useRoute();
+</script>
+
+<style scoped></style>