<template>
    <div class="all">
        <img class="imgBg" src="../../assets/vehicle/detailsBg2.jpg" alt="">
        <img class="contImg" :style="{top:Hig+'rem'}" src="../../assets/vehicle/allDetails2.png" alt="">
        <Sidebar class="slide"></Sidebar>
    </div>
</template>
<script>
  import Sidebar from "../../components/sidebar";
  export default {
    name:"criterionAllDetails",
    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>
<style scoped="scoped">
    .slide{
        position: fixed!important;
        top: 0.3rem;
        left: 0.3rem;
    }
    .imgBg{
        width: 100%;
        height: 31.07rem;
        position: absolute;
        top: 0;
        left: 0;
    }
    .contImg{
        width: 6.94rem;
        height: 28.9rem;
        position: absolute;
        top: 1.085rem;
        left: 50%;
        transform: translateX(-50%);
    }

</style>