样式优化

src/components/ScoreResult.vue

@@ -44,9 +44,11 @@ setTimeout(() => {
       <image src="../static/finish-tip.png" mode="widthFix" />
       <image src="../static/finish-frame.png" mode="widthFix" />
       <text
-        >完成{{ total }}箭，获得{{
+        >完成<text class="gold-text">{{ total }}</text
+        >箭，获得<text class="gold-text">{{
           scores.reduce((last, next) => last + next, 0)
-        }}点经验</text
+        }}</text
+        >点经验</text
       >
     </view>
     <view
@@ -163,4 +165,9 @@ setTimeout(() => {
   display: flex;
   justify-content: space-around;
 }
+.gold-text {
+  color: #fed847;
+  font-size: 20px;
+  margin: 0 2px;
+}
 </style>

src/pages/practise-one.vue

@@ -34,6 +34,12 @@ const onReady = async () => {
   });
 };
 
+const roundsName = {
+  1: "一",
+  2: "二",
+  3: "三",
+};
+
 onUnmounted(() => {
   websocket.closeWebSocket();
 });
@@ -43,7 +49,11 @@ onUnmounted(() => {
   <view class="container">
     <AppBackground :type="1" />
     <Header title="个人单组练习" />
-    <ShootProgress tips="请开始射箭第一轮" :start="start" :total="120" />
+    <ShootProgress
+      :tips="`请开始射箭第${roundsName[Math.ceil((scores.length + 1) / 4)]}轮`"
+      :start="start"
+      :total="120"
+    />
     <BowTarget
       :totalRound="total"
       :currentRound="scores.length + 1"