UI优化

src/components/ScorePanel.vue

@@ -44,7 +44,8 @@ watch(
         margin: margin + 'px',
       }"
     >
-      {{ scores[index] }}
+      <image src="../static/score-bg.png" mode="widthFix" />
+      <text>{{ scores[index] }}</text>
     </view>
   </view>
 </template>
@@ -58,13 +59,22 @@ watch(
   margin: 0 5vw;
 }
 .score-item {
-  background-image: url("../static/score-bg.png");
+  /* background-image: url("../static/score-bg.png");
   background-size: cover;
   background-repeat: no-repeat;
-  background-position: center;
+  background-position: center; */
   color: #fed847;
   display: flex;
   justify-content: center;
   align-items: center;
+  position: relative;
+}
+.score-item > image {
+  position: absolute;
+  width: 100%;
+  top: 5%;
+}
+.score-item > text {
+  position: relative;
 }
 </style>