1

src/views/allMaterials_appliances_standard.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="all">
-        <img class="pageContent" src="../assets/allMaterials/appliances_standard.jpg">
+        <img class="pageContent" :style="{top:-Hig+'rem'}" src="../assets/allMaterials/appliances_standard.jpg">
         <sidebar class="sidebarSty"></sidebar>
     </div>
 </template>
@@ -11,7 +11,19 @@
         name: "allMaterials_appliances_standard",
         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/allMaterials_phone_high.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="all">
-        <img class="pageContent" src="../assets/allMaterials/phone_high.jpg">
+        <img class="pageContent" :style="{top:-Hig+'rem'}" src="../assets/allMaterials/phone_high.jpg">
         <sidebar class="sidebarSty"></sidebar>
     </div>
 </template>
@@ -11,7 +11,19 @@
         name: "allMaterials_phone_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/allMaterials_phone_standard.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="all">
-        <img class="pageContent" src="../assets/allMaterials/phone_standard.jpg">
+        <img class="pageContent" :style="{top:-Hig+'rem'}" src="../assets/allMaterials/phone_standard.jpg">
         <sidebar class="sidebarSty"></sidebar>
     </div>
 </template>
@@ -11,7 +11,19 @@
         name: "allMaterials_phone_standard",
         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>