@@ -1,6 +1,7 @@
<!-- eslint-disable vue/multi-word-component-names -->
<template>
- <div id="three3D"></div>
+ <a-spin class="spin" :spinning="spinning" tip="正在加载,请稍等..." />
+ <div id="three3D"> </div>
</template>
<script lang="ts" setup>
import { ref, watch, onMounted, onUnmounted } from 'vue';
@@ -12,6 +13,8 @@
modalName: string;
}>();
+ const spinning = ref(true);
+
let modal, modalGroup;
const mouseEvent = () => {
@@ -78,6 +81,7 @@
// this.setThreePlane();
// this.setControls();
resolve(null);
+ spinning.value = false;
});
};
@@ -128,4 +132,11 @@
left: 0;
z-index: 0;
}
+ .spin {
+ width: 100%;
+ position: absolute;
+ top: 50%;
+ left: 0;
+ z-index: 0;
+ }
</style>