日常开发

src/views/sunshineRun/index.vue

@@ -29,7 +29,8 @@
                   <div class="con">
                     <div class="name">{{ item.name }}</div>
                     <div class="score">
-                      {{ item.distance }}<span>{{ unit }}</span>
+                      <div>{{ item.ring_count }}<i>圈</i></div>
+                      <div>{{ item.distance }}<span>{{ unit }}</span></div>
                     </div>
                   </div>
                 </li>
@@ -477,7 +478,7 @@ onBeforeUnmount(() => {
                 position: absolute;
                 bottom: 0;
                 width: 100%;
-                padding: 0.7vh 10%;
+                padding: 0.7vh 4%;
                 display: flex;
                 align-items: center;
                 // justify-content: space-between;
@@ -492,6 +493,7 @@ onBeforeUnmount(() => {
                   width: 100%;
                   text-align: left;
                   margin-bottom: 0.7vh;
+                  font-weight: bold;
                 }
 
                 .score {
@@ -502,8 +504,14 @@ onBeforeUnmount(() => {
                   font-style: italic;
                   line-height: 1;
                   text-align: right;
+                  display: flex;
+                  justify-content: space-between;
                   span {
-                    font-size: 1.9vw;
+                    font-size: 1.8vw;
+                  }
+                  i{
+                    font-size: 1.1vw;
+                    margin-left: 2px;
                   }
                 }
               }