m

shuzhixiangzheng/src/components/XiMenPage.vue

@@ -1,122 +1,119 @@
 <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></LeftPage>
+    <LeftPage></LeftPage>
     <RightPage></RightPage>
-    </div>
-  </template>
+  </div>
+</template>
   
   <script>
-      import Time from "./Time.vue"
-      import ReturnButton from "./ReturnButton.vue"
-      import left2Png from "../assets/png/西门社区/left.png"
-  import right2Png from "../assets/png/西门社区/right.png"
-  import LeftPage from "./OtherChilds/LeftPage.vue"
-  import RightPage from "./OtherChilds/RightPage.vue"
-  export default {
-    name: 'XiMenDPage',
-    components:{
+import Time from "./Time.vue";
+import ReturnButton from "./ReturnButton.vue";
+import left2Png from "../assets/png/西门社区/left.png";
+import right2Png from "../assets/png/西门社区/right.png";
+import LeftPage from "./OtherChilds/LeftPage.vue";
+import RightPage from "./OtherChilds/RightPage.vue";
+export default {
+  name: "XiMenDPage",
+  components: {
     Time,
     ReturnButton,
     LeftPage,
-    RightPage
-    },
-    data () {
-      return {
-        msg: '',
-        form_show:false,
-        leftPng_url:left2Png,
-        rightPng_url:right2Png,
-      }
-    },
-    mounted(){
-      
-    },
-    methods:{
-
-    }
-  }
-  </script>
+    RightPage,
+  },
+  data() {
+    return {
+      msg: "",
+      form_show: false,
+      leftPng_url: left2Png,
+      rightPng_url: right2Png,
+    };
+  },
+  mounted() {},
+  methods: {},
+};
+</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>