@@ -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> | |||
@@ -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> | |||
@@ -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> | |||