pull/46/head^2
pangdundun 2023-11-21 10:47:40 +08:00
parent c2147e4e47
commit 45aed4098e
1 changed files with 24 additions and 31 deletions

View File

@ -81,7 +81,7 @@
v-if="popContentCurrent == index ? true : false"> -->
<div
class="pop_content"
:style="getTopOrLeft()"
:style="getTopOrLeft(item.id)"
v-show="popContentCurrent == item.id ? true : false"
>
<img
@ -636,42 +636,35 @@ export default {
});
},
getTopOrLeft() {
return "top:50%;left:50%;transform: translate(-50%,-50%);";
// if (name == "") {
// // return "top:1rem;left:6.2rem";
// return "top:50%;left:50%;transform: translate(-50%,-50%);";
// } else if (name == "") {
// // return "top:3.5rem;left:3.8rem";
// return "top:50%;left:50%;transform: translate(-50%,-50%);";
// } else if (name == "3") {
// // return "top:2rem;left:9rem";
// return "top:50%;left:50%;transform: translate(-50%,-50%);";
// } else if (name == "4") {
// // return "top:2rem;left:9.3rem";
// return "top:50%;left:50%;transform: translate(-50%,-50%);";
// } else if (name == "5") {
// // return "top:3.5rem;left:6.5rem";
// return "top:50%;left:50%;transform: translate(-50%,-50%);";
// } else if (name == "6") {
// // return "top:0.8rem;left:7.2rem";
// return "top:50%;left:50%;transform: translate(-50%,-50%);";
// }
getTopOrLeft(id) {
if (id == 2) {
return "top:46%;left:46%;transform: translate(-50%,-50%);";
} else if (id == 5) {
return "top:53%;left:47%;transform: translate(-50%,-50%);";
} else if (id == 6) {
return "top:46%;left:51%;transform: translate(-50%,-50%);";
} else if (id == 4) {
return "top:50%;left:62%;transform: translate(-50%,-50%);";
} else if (id == 3) {
return "top:50%;left:62%;transform: translate(-50%,-50%);";
} else if (id == 1) {
return "top:50%;left:35%;transform: translate(-50%,-50%);";
}
},
getNamePosition(id){
if(id == 2){
if(id == 1){
return "position: absolute;top: 41%;left: 13%;"
}else if(id == 2){
return "position: absolute;top: 10%;left: 24%;"
}else if(id == 3){
return "position: absolute;top: 61%;left: 62%;"
}else if(id == 4){
return "position: absolute;top: 1%;left: 62%;"
}else if(id == 5){
return "position: absolute;top: 29%;left: 76%;"
}else if(id == 6){
return "position: absolute;top: 22%;left: 40%;"
}else if(id == 7){
return "position: absolute;top: 41%;left: 13%;"
}else if(id == 4){
return "position: absolute;top: 29%;left: 76%;"
}else if(id == 5){
return "position: absolute;top: 61%;left: 62%;"
}else if(id == 6){
return "position: absolute;top: 1%;left: 62%;"
}
},