xiaomeng
/
wszhyWx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request '1' (#184) from pc-master into portal 

Reviewed-on: #184
portal
xiaomeng 2024-11-05 00:49:27 +00:00
parent 74d5a7cd91 c47442967a
commit 1cac6fce35
1 changed files with 38 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
src/views/page/largeScreen1.vue
View File

@ -477,6 +477,21 @@
<div class="map1">
<div class="drag_box8" ref="drag_box8">
<img class="drag_img" src="../../assets/img/map4.jpg" alt="" />
<div class="popBox" :key="index">
<template>
<div class="pole_item" :style="getTopOrLeft8(8)">
<div class="p_title">
<img src="../../assets/img/wenshi.png" alt="" />
<span>泵房</span>
</div>
<img
class="pole1"
src="../../assets/img/pole1.png"
alt=""
/>
</div>
</template>
</div>
<div class="popBox" v-for="(item, index) in popContentList" :key="index">
<template>
<div class="pole_item" :style="getTopOrLeft8(item.id)" @click="handlerPop(item.id)">
@ -1117,40 +1132,40 @@ export default {
}
},
getTopOrLeft8(id){
if(id == 1){
if(id == 8){
return 'top:79%;left:28%;z-index:8;'
}else if(id == 2){
}else if(id == 1){
return 'top:62%;left:39%;z-index:7;'
}else if(id == 3){
}else if(id == 2){
return 'top:48%;left:52%;z-index:6;'
}else if(id == 4){
}else if(id == 3){
return 'top:24%;left:59%;z-index:5;'
}else if(id == 5){
}else if(id == 4){
return 'top:16%;left:57%;z-index:4;'
}else if(id == 6){
}else if(id == 5){
return 'top:6%;left:55%;z-index:3;'
}else if(id == 7){
}else if(id == 6){
return 'top:1%;left:52%;z-index:2;'
}else if(id == 8){
}else if(id == 7){
return 'top:-4%;left:48%;z-index:1;'
}
},
getTopOrLeft8_8(id){
if(id == 1){
if(id == 8){
return 'top:79%;left:28%;transform: translate(54%,-50%);'
}else if(id == 2){
}else if(id == 1){
return 'top:62%;left:39%;transform: translate(54%,-50%);'
}else if(id == 3){
}else if(id == 2){
return 'top:48%;left:52%;transform: translate(54%,-50%);'
}else if(id == 4){
}else if(id == 3){
return 'top:24%;left:59%;transform: translate(54%,-50%);'
}else if(id == 5){
}else if(id == 4){
return 'top:16%;left:57%;transform: translate(54%,0%);'
}else if(id == 6){
}else if(id == 5){
return 'top:6%;left:55%;transform: translate(54%,0%);'
}else if(id == 7){
}else if(id == 6){
return 'top:1%;left:52%;transform: translate(54%,0%);'
}else if(id == 8){
}else if(id == 7){
return 'top:0%;left:48%;transform: translate(54%,0%);'
}
},
@ -2340,13 +2355,13 @@ export default {
height: auto;
position: absolute;
top:-95px;
-webkit-mask-image: linear-gradient(
90deg,
transparent 0%,
blue 2%,
blue 97%,
transparent 99%
);
// -webkit-mask-image: linear-gradient(
// 90deg,
// transparent 0%,
// blue 2%,
// blue 97%,
// transparent 99%
// );
.drag_img {
width: 100%;