diff --git a/src/App.vue b/src/App.vue
index 0f8b90c48ab2193572b004e59cc63a4de9b23568..9fa876b9657f55bdf33888af56919cf66a438c43 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -15,7 +15,7 @@ import loadingComponents from './component/loadingComponents/loadingComponents.v
   <contract-list></contract-list>
   <announcementType></announcementType>
   <departments></departments> -->
-  <loadingComponents></loadingComponents>
+  <loadingComponents :width="1000" :height="1000"></loadingComponents>
   <empss></empss>
   <!-- <job-title></job-title> -->
   <verticalTable></verticalTable>
diff --git a/src/component/loadingComponents/loadingComponents.vue b/src/component/loadingComponents/loadingComponents.vue
index 55ad7d38c1a79287f521ca8a2fc0813b9c6c8a40..0f224dd090c6a74d137133b2b214eaca5704c368 100644
--- a/src/component/loadingComponents/loadingComponents.vue
+++ b/src/component/loadingComponents/loadingComponents.vue
@@ -40,7 +40,7 @@ const promise3 = new Promise((resolve, reject) => {
 </script>
 
 <template>
-    <div class='test' :style="{'--var-width-main':width+'px','--var-height-main':height+'px'}">
+    <div class='test' :style="{'--var-width-main':prop.width+'px','--var-height-main':prop.height+'px'}">
         fjdsakjflsd
         <div :class="{'mask':exitMask}"></div>
         <div :class="{'loading':true,'is-show':isShow}"></div>