Browse Source

修改

master
ljc 5 years ago
parent
commit
670c19812d
3 changed files with 31 additions and 7 deletions
  1. +14
    -2
      src/views/allMaterials_appliances_high.vue
  2. +9
    -3
      src/views/twoCart/criterion-allDetails.vue
  3. +8
    -2
      src/views/twoCart/high-allDetails.vue

+ 14
- 2
src/views/allMaterials_appliances_high.vue View File

<template> <template>
<div class="all"> <div class="all">
<img class="pageContent" src="../assets/allMaterials/appliances_high.jpg">
<img class="pageContent" :style="{top:-Hig+'rem'}" src="../assets/allMaterials/appliances_high.jpg">
<sidebar class="sidebarSty"></sidebar> <sidebar class="sidebarSty"></sidebar>
</div> </div>
</template> </template>
name: "allMaterials_appliances_high", name: "allMaterials_appliances_high",
components:{ components:{
Sidebar 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> </script>



+ 9
- 3
src/views/twoCart/criterion-allDetails.vue View File

<template> <template>
<div class="all"> <div class="all">
<img class="imgBg" src="../../assets/vehicle/detailsBg1.jpg" alt=""> <img class="imgBg" src="../../assets/vehicle/detailsBg1.jpg" alt="">
<img class="contImg" src="../../assets/vehicle/allDetails1.png" alt="">
<img class="contImg" :style="{top:Hig+'rem'}" src="../../assets/vehicle/allDetails1.png" alt="">
<Sidebar class="slide"></Sidebar> <Sidebar class="slide"></Sidebar>
</div> </div>
</template> </template>
components:{Sidebar}, components:{Sidebar},
data(){ data(){
return{ return{
Hig:0
} }
}, },
mounted() {
var Wid = window.innerWidth;
var Hig = window.innerHeight;
var height = 750/Wid*Hig;
this.Hig = (height-1206)/2/100;
},
methods:{ methods:{
scrollFn(){ scrollFn(){
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
width: 6.94rem; width: 6.94rem;
height: 22.77rem; height: 22.77rem;
position: absolute; position: absolute;
top: 1.5rem;
top: 1.07rem;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }

+ 8
- 2
src/views/twoCart/high-allDetails.vue View File

<template> <template>
<div class="all"> <div class="all">
<img class="imgBg" src="../../assets/vehicle/detailsBg2.jpg" alt=""> <img class="imgBg" src="../../assets/vehicle/detailsBg2.jpg" alt="">
<img class="contImg" src="../../assets/vehicle/allDetails2.png" alt="">
<img class="contImg" :style="{top:Hig+'rem'}" src="../../assets/vehicle/allDetails2.png" alt="">
<Sidebar class="slide"></Sidebar> <Sidebar class="slide"></Sidebar>
</div> </div>
</template> </template>
components:{Sidebar}, components:{Sidebar},
data(){ data(){
return{ return{
Hig:0
} }
},
mounted() {
var Wid = window.innerWidth;
var Hig = window.innerHeight;
var height = 750/Wid*Hig;
this.Hig = (height-1206)/2/100;
} }
} }
</script> </script>

Loading…
Cancel
Save