2023.9.18

src/views/page/MidAutumnLotteryDraw.vue

@@ -295,8 +295,9 @@ export default {
     font-size: 1em;
     box-sizing: border-box;
     display: flex;
+    align-items: center;
 
-    padding: 9.1vh 7.71vw 0 7.71vw;
+    padding: 8vh 7.71vw 0 7.71vw;
 
     .left {
       font-size: 1em;
@@ -322,7 +323,7 @@ export default {
       flex: 1;
       overflow: hidden;
 
-      position: relative;
+      //position: relative;
       .numbers {
         display: grid;
         grid-template-columns: repeat(6, 1fr);
@@ -332,11 +333,11 @@ export default {
         justify-content: center;
         align-content: center;
 
-        transform: translateY(-50%);
+        //transform: translateY(-50%);
-        position: absolute;
+        //position: absolute;
-        top: 50%;
+        //top: 50%;
-        left: 0;
+        //left: 0;
-        right: 0;
+        //right: 0;
         &-active {
           & > div:nth-child(2n + 1) {
             animation: blur 0.15s infinite linear;