m

shuzhixiangzheng/src/components/Utils/ThreeDCharts3.vue

@@ -478,8 +478,8 @@
     position: absolute;
     width: 100%;
     height: 100%;
-    top: -30%;
-    right: 130%
+    top: 1%;
+    right: 2%
   }
 
   .cityGreenLand-charts {

shuzhixiangzheng/src/components/XiMenPage.vue

@@ -1,11 +1,12 @@
 <template>
-    <div id="3dage">
-        <Time></Time>
-        <ReturnButton></ReturnButton>
-        <img class="img" id="img1" src="../assets/png/footer.png"></img>
-      <img class="img" id="img2" src="../assets/png/title.png"></img>
-      <!-- <img class="img" id="img3" :src="leftPng_url"></img>
+  <div id="3dage">
+    <Time></Time>
+    <ReturnButton></ReturnButton>
+    <img class="img" id="img1" src="../assets/png/footer.png" />
+    <img class="img" id="img2" src="../assets/png/title.png" />
+    <!-- <img class="img" id="img3" :src="leftPng_url"></img>
       <img class="img" id="img5" :src="rightPng_url"></img> -->
+
       <LeftPage :dataAll='dataAll' :isShow='isShow'></LeftPage>
       <RightPage :dataAll='dataAll'></RightPage>
     </div>
@@ -51,81 +52,82 @@
     }
   }
   </script>
-  
+
   
   <style scoped>
-     
-     .img{
-            position: absolute;
-        }
-        #img1{
-            bottom:1%;
-            left: 50%; transform: translateX(-50%);
-            z-index:111;
-            width: 50%;
-        }
-        #img2{
-            top:-1%;
-            left: 50%; transform: translateX(-50%);
-            z-index:111;
-            width: 30%;
-        }
-        #img3{
-            left: 2%;
-            top:7%;
-            z-index:2;
-            width:23%
-        }
-        #img4{
-            z-index:-1
-        }
-        #img5{
-            right: 2%;
-            top:7%;
-            z-index:2;
-            width:23%
-        }
-        #x_img,#x_img1{
-            right: 18%;
-            top:13%;
-            z-index: 103;
-            width: 30px;
-        }
-       #form{
-            position: absolute;
-            margin: 0;
-            padding: 0;
-            z-index: 101;
-            width: 100%;
-            height: 100%;
-            
-        }
-        #form_img,#form_img1{
-            width: 70%;
-            left: 15%;
-            top:10%;
-            z-index: 102;
-        }
-        #background_img{
-            z-index: 101;
-            width: 100%;
-            height: 100%;
-        }
-        #child_form{
-            position: absolute;
-            margin: 0;
-            padding: 0;
-            width: 100%;
-            height: 100%;
-        }
+.img {
+  position: absolute;
+}
+#img1 {
+  bottom: 1%;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 111;
+  width: 50%;
+}
+#img2 {
+  top: -1%;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 111;
+  width: 30%;
+}
+#img3 {
+  left: 2%;
+  top: 7%;
+  z-index: 2;
+  width: 23%;
+}
+#img4 {
+  z-index: -1;
+}
+#img5 {
+  right: 2%;
+  top: 7%;
+  z-index: 2;
+  width: 23%;
+}
+#x_img,
+#x_img1 {
+  right: 18%;
+  top: 13%;
+  z-index: 103;
+  width: 30px;
+}
+#form {
+  position: absolute;
+  margin: 0;
+  padding: 0;
+  z-index: 101;
+  width: 100%;
+  height: 100%;
+}
+#form_img,
+#form_img1 {
+  width: 70%;
+  left: 15%;
+  top: 10%;
+  z-index: 102;
+}
+#background_img {
+  z-index: 101;
+  width: 100%;
+  height: 100%;
+}
+#child_form {
+  position: absolute;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+}
 
-        .house_class{
-         background-color: aqua;
-         position: absolute;
-         z-index: 114;
-         width: 70px;
-         height: 30px;
-     }
-  
-  </style>
+.house_class {
+  background-color: aqua;
+  position: absolute;
+  z-index: 114;
+  width: 70px;
+  height: 30px;
+}
+</style>