~
This commit is contained in:
parent
c2147e4e47
commit
45aed4098e
@ -81,7 +81,7 @@
|
|||||||
v-if="popContentCurrent == index ? true : false"> -->
|
v-if="popContentCurrent == index ? true : false"> -->
|
||||||
<div
|
<div
|
||||||
class="pop_content"
|
class="pop_content"
|
||||||
:style="getTopOrLeft()"
|
:style="getTopOrLeft(item.id)"
|
||||||
v-show="popContentCurrent == item.id ? true : false"
|
v-show="popContentCurrent == item.id ? true : false"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
@ -636,42 +636,35 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
getTopOrLeft() {
|
getTopOrLeft(id) {
|
||||||
return "top:50%;left:50%;transform: translate(-50%,-50%);";
|
if (id == 2) {
|
||||||
// if (name == "二号") {
|
return "top:46%;left:46%;transform: translate(-50%,-50%);";
|
||||||
// // return "top:1rem;left:6.2rem";
|
} else if (id == 5) {
|
||||||
// return "top:50%;left:50%;transform: translate(-50%,-50%);";
|
return "top:53%;left:47%;transform: translate(-50%,-50%);";
|
||||||
// } else if (name == "一号") {
|
} else if (id == 6) {
|
||||||
// // return "top:3.5rem;left:3.8rem";
|
return "top:46%;left:51%;transform: translate(-50%,-50%);";
|
||||||
// return "top:50%;left:50%;transform: translate(-50%,-50%);";
|
} else if (id == 4) {
|
||||||
// } else if (name == "3号") {
|
return "top:50%;left:62%;transform: translate(-50%,-50%);";
|
||||||
// // return "top:2rem;left:9rem";
|
} else if (id == 3) {
|
||||||
// return "top:50%;left:50%;transform: translate(-50%,-50%);";
|
return "top:50%;left:62%;transform: translate(-50%,-50%);";
|
||||||
// } else if (name == "4号") {
|
} else if (id == 1) {
|
||||||
// // return "top:2rem;left:9.3rem";
|
return "top:50%;left:35%;transform: translate(-50%,-50%);";
|
||||||
// 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%);";
|
|
||||||
// }
|
|
||||||
},
|
},
|
||||||
|
|
||||||
getNamePosition(id){
|
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%;"
|
return "position: absolute;top: 10%;left: 24%;"
|
||||||
}else if(id == 3){
|
}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%;"
|
return "position: absolute;top: 22%;left: 40%;"
|
||||||
}else if(id == 7){
|
}else if(id == 4){
|
||||||
return "position: absolute;top: 41%;left: 13%;"
|
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%;"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user