修改

src/views/allMaterials_appliances_high.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="all">
-        <img class="pageContent" src="../assets/allMaterials/appliances_high.jpg">
+        <img class="pageContent" :style="{top:-Hig+'rem'}" src="../assets/allMaterials/appliances_high.jpg">
         <sidebar class="sidebarSty"></sidebar>
     </div>
 </template>
@@ -11,7 +11,19 @@
         name: "allMaterials_appliances_high",
         components:{
             Sidebar
-        }
+        },
+      data(){
+          return{
+            Hig:0
+          }
+      },
+
+      mounted() {
+        var Wid = window.innerWidth;
+        var Hig = window.innerHeight;
+        var height = 750/Wid*Hig;
+        this.Hig  = 1.5-(height-1206)/2/100;
+      },
     }
 </script>
 

src/views/twoCart/criterion-allDetails.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="all">
         <img class="imgBg" src="../../assets/vehicle/detailsBg1.jpg" alt="">
-        <img class="contImg" src="../../assets/vehicle/allDetails1.png" alt="">
+        <img class="contImg" :style="{top:Hig+'rem'}" src="../../assets/vehicle/allDetails1.png" alt="">
         <Sidebar class="slide"></Sidebar>
     </div>
 </template>
@@ -12,9 +12,15 @@
       components:{Sidebar},
       data(){
         return{
-
+            Hig:0
         }
       },
+      mounted() {
+        var Wid = window.innerWidth;
+        var Hig = window.innerHeight;
+        var height = 750/Wid*Hig;
+        this.Hig  = (height-1206)/2/100;
+      },
       methods:{
         scrollFn(){
           var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
@@ -43,7 +49,7 @@
         width: 6.94rem;
         height: 22.77rem;
         position: absolute;
-        top: 1.5rem;
+        top: 1.07rem;
         left: 50%;
         transform: translateX(-50%);
     }

src/views/twoCart/high-allDetails.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="all">
         <img class="imgBg" src="../../assets/vehicle/detailsBg2.jpg" alt="">
-        <img class="contImg" src="../../assets/vehicle/allDetails2.png" alt="">
+        <img class="contImg" :style="{top:Hig+'rem'}" src="../../assets/vehicle/allDetails2.png" alt="">
         <Sidebar class="slide"></Sidebar>
     </div>
 </template>
@@ -12,8 +12,14 @@
     components:{Sidebar},
     data(){
       return{
-
+        Hig:0
       }
+    },
+    mounted() {
+      var Wid = window.innerWidth;
+      var Hig = window.innerHeight;
+      var height = 750/Wid*Hig;
+      this.Hig  = (height-1206)/2/100;
     }
   }
 </script>