pull/46/head^2
parent
c2147e4e47
commit
45aed4098e
|
@ -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%;"
|
||||
}
|
||||
},
|
||||
|
||||
|
|
Loading…
Reference in New Issue