|
@@ -217,7 +217,7 @@ export default {
|
217
|
217
|
position: relative;
|
218
|
218
|
display: flex;
|
219
|
219
|
justify-content: center;
|
220
|
|
- transform: rotateY(180deg); //iPhone异常
|
|
220
|
+ transform: rotateY(-180deg); //iPhone异常
|
221
|
221
|
|
222
|
222
|
.PrizeImg {
|
223
|
223
|
width: 55vw;
|
|
@@ -228,7 +228,7 @@ export default {
|
228
|
228
|
}
|
229
|
229
|
.back {
|
230
|
230
|
position: absolute;
|
231
|
|
- transform: rotateY(180deg);
|
|
231
|
+ // transform: rotateY(180deg);
|
232
|
232
|
// width: 180px;
|
233
|
233
|
height: 492px;
|
234
|
234
|
background-size: 100% auto;
|
|
@@ -241,6 +241,7 @@ export default {
|
241
|
241
|
}
|
242
|
242
|
.flipped {
|
243
|
243
|
animation: change 0.6s linear forwards;
|
|
244
|
+ transform: rotateY(180deg);
|
244
|
245
|
}
|
245
|
246
|
}
|
246
|
247
|
@keyframes change {
|
|
@@ -255,7 +256,7 @@ export default {
|
255
|
256
|
left: -0;
|
256
|
257
|
opacity: 2;
|
257
|
258
|
transform: scale(1);
|
258
|
|
- transform: rotateY(-180deg); //iPhone异常
|
|
259
|
+ transform: rotateY(180deg); //iPhone异常
|
259
|
260
|
}
|
260
|
261
|
}
|
261
|
262
|
|