<template>
    <div class="all">
        <img class="pageContent" :style="{top:-Hig+'rem'}" src="../assets/allMaterials/appliances_standard.jpg">
        <sidebar class="sidebarSty"></sidebar>
    </div>
</template>

<script>
    import Sidebar from '../components/sidebar'
    export default {
        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>

<style scoped>
    .pageContent{
        position: absolute;
        top: 0;
        left: 0;
        width: 7.5rem;
        height: 30.03rem;
    }
    .sidebarSty{
        position: fixed!important;
        top:0.3rem;
        left: 0.3rem;
    }
</style>
