<template>
    <div class="all">
        <img class="imgBg" src="../../assets/vehicle/detailsBg1.jpg" alt="">
        <img class="contImg" src="../../assets/vehicle/allDetails1.png" alt="">
        <Sidebar class="slide"></Sidebar>
    </div>
</template>
<script>
  import Sidebar from "../../components/sidebar";
    export default {
      name:"criterionAllDetails",
      components:{Sidebar},
      data(){
        return{

        }
      },
      methods:{
        scrollFn(){
          var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
          // console.log(scrollTop)
          if(scrollTop===0 || scrollTop===document.body.clientHeight){
            this.$refs.contentAll.addEventListener("touchend",touchend)
          }
        }
      }
    }
</script>
<style scoped="scoped">
    .slide{
        position: fixed;
        top: 0.3rem;
        left: 0.3rem;
    }
    .imgBg{
        width: 100%;
        height: 24.91rem;
        position: absolute;
        top: 0;
        left: 0;
    }
    .contImg{
        width: 6.94rem;
        height: 22.77rem;
        position: absolute;
        top: 1.5rem;
        left: 50%;
        transform: translateX(-50%);
    }

</style>