样式修改

src/views/sunshineRun/index.vue

@@ -477,26 +477,33 @@ onBeforeUnmount(() => {
                 position: absolute;
                 bottom: 0;
                 width: 100%;
-                padding: 0.4vh 8%;
+                padding: 0.7vh 10%;
                 display: flex;
                 align-items: center;
-                justify-content: space-between;
+                // justify-content: space-between;
+                flex-direction: column;
                 box-sizing: border-box;
                 background: linear-gradient(180deg, rgba(0, 0, 0, 0.87) 45%, rgba(18, 133, 124, 0.7367) 135%);
-
+                
                 .name {
-                  font-size: 1.2vw;
+                  font-size: 1.5vw;
                   color: #ffffff;
+                  line-height: 1;
+                  width: 100%;
+                  text-align: left;
+                  margin-bottom: 0.7vh;
                 }
 
                 .score {
+                  width: 100%;
                   font-size: 1.8vw;
                   color: #00FFE8;
                   font-family: 'Saira-ExtraBold';
                   font-style: italic;
-
+                  line-height: 1;
+                  text-align: right;
                   span {
-                    font-size: 0.8vw;
+                    font-size: 1.9vw;
                   }
                 }
               }
@@ -558,13 +565,14 @@ onBeforeUnmount(() => {
                   line-height: 1;
                   text-align: center;
                   color: #F9F9F9;
-                  font-size: 1.2vw;
+                  font-size: 1.3vw;
                   font-family: 'Saira-ExtraBold';
                   margin-right: 5%;
                   flex-shrink: 0;
                   display: flex;
                   align-items: center;
                   justify-content: center;
+                  font-style: italic;
                 }
 
                 .pai1,
@@ -635,7 +643,7 @@ onBeforeUnmount(() => {
 
                 .unit {
                   color: #ffffff;
-                  font-size: 0.8vw;
+                  font-size: 1.4vw;
                   margin-left: 2px;
                   font-family: 'Saira-ExtraBold';
                   display: inline-block;