弹窗居中

src/components/pages/classroomObservation/components/currencyAnalysis.vue

@@ -139,15 +139,19 @@ export default {
 
 .a-dialog {
   position: fixed;
-  width: 60%;
-  height: 60%;
+  width: 1200px;
+  height: 500px;
   min-height: 600px;
   box-shadow: 0px 0 8px 0px #555555;
   border-radius: 15px;
   z-index: 999;
-  left: 30%;
-  top: 50%;
-  margin: -18% 0 0 -300px;
+	left:0;
+	right:0;
+	top: 100px;
+	margin:0 auto;
+	/* margin: 0 auto; */
+  /* top: 50%; */
+  /* margin: -18% 0 0 -300px; */
 	overflow: hidden;
 }
 

src/components/pages/classroomObservation/components/extendAnalysis.vue

@@ -139,15 +139,19 @@ export default {
 
 .a-dialog {
   position: fixed;
-  width: 60%;
-  height: 60%;
+  width: 1200px;
+  height: 500px;
   min-height: 600px;
   box-shadow: 0px 0 8px 0px #555555;
   border-radius: 15px;
   z-index: 999;
-  left: 30%;
-  top: 50%;
-  margin: -18% 0 0 -300px;
+	left:0;
+	right:0;
+	top: 100px;
+	margin:0 auto;
+	/* margin: 0 auto; */
+  /* top: 50%; */
+  /* margin: -18% 0 0 -300px; */
 	overflow: hidden;
 }
 

src/components/pages/classroomObservation/components/scienceAnalysis.vue

@@ -139,15 +139,19 @@ export default {
 
 .a-dialog {
   position: fixed;
-  width: 60%;
-  height: 60%;
+  width: 1200px;
+  height: 500px;
   min-height: 600px;
   box-shadow: 0px 0 8px 0px #555555;
   border-radius: 15px;
   z-index: 999;
-  left: 30%;
-  top: 50%;
-  margin: -18% 0 0 -300px;
+	left:0;
+	right:0;
+	top: 100px;
+	margin:0 auto;
+	/* margin: 0 auto; */
+  /* top: 50%; */
+  /* margin: -18% 0 0 -300px; */
 	overflow: hidden;
 }