更新成数据覆盖同步

src/components/BattleFooter.vue

@@ -1,8 +1,9 @@
 =
 <script setup>
+import { computed } from "vue";
 import BowPower from "@/components/BowPower.vue";
 import { RoundImages } from "@/constants";
-defineProps({
+const props = defineProps({
   roundResults: {
     type: Array,
     default: () => [],
@@ -20,6 +21,10 @@ defineProps({
     default: 0,
   },
 });
+
+const normalRounds = computed(
+  () => props.roundResults.length - props.goldenRound
+);
 </script>
 
 <template>
@@ -43,15 +48,9 @@ defineProps({
     <view class="players">
       <view>
         <view v-for="(result, index) in roundResults" :key="index">
-          <block
-            v-if="goldenRound > 0 && index >= roundResults.length - goldenRound"
-          >
+          <block v-if="index + 1 > normalRounds">
             <image
-              :src="
-                RoundImages[
-                  `gold${index + 1 - (roundResults.length - goldenRound)}`
-                ]
-              "
+              :src="RoundImages[`gold${index + 1 - normalRounds}`]"
               mode="widthFix"
             />
           </block>
@@ -84,15 +83,9 @@ defineProps({
       </view>
       <view>
         <view v-for="(result, index) in roundResults" :key="index">
-          <block
-            v-if="goldenRound > 0 && index >= roundResults.length - goldenRound"
-          >
+          <block v-if="index + 1 > normalRounds">
             <image
-              :src="
-                RoundImages[
-                  `gold${index + 1 - (roundResults.length - goldenRound)}`
-                ]
-              "
+              :src="RoundImages[`gold${index + 1 - normalRounds}`]"
               mode="widthFix"
             />
           </block>
@@ -148,7 +141,7 @@ defineProps({
 .container > view:nth-child(2) > text {
   z-index: 1;
   margin-top: 2px;
-  color: #8A323E;
+  color: #8a323e;
   font-weight: 500;
 }
 .container > view:nth-child(2) > text:nth-child(2) {

src/components/RoundEndTip.vue

@@ -117,10 +117,10 @@ onBeforeUnmount(() => {
   display: flex;
   flex-direction: column;
   align-items: center;
-  font-size: 16px;
+  font-size: 32rpx;
 }
 .round-end-tip > text:first-child {
-  font-size: 18px;
+  font-size: 36rpx;
   color: #fff;
 }
 .point-view1 {
@@ -137,7 +137,7 @@ onBeforeUnmount(() => {
 }
 .point-view2 {
   margin: 12px 0;
-  font-size: 24px;
+  font-size: 48rpx;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -155,7 +155,7 @@ onBeforeUnmount(() => {
   align-items: center;
   justify-content: center;
   margin-top: 10px;
-  font-size: 14px;
+  font-size: 28rpx;
 }
 .final-shoot > text:nth-child(1) {
   width: 20px;
@@ -163,7 +163,7 @@ onBeforeUnmount(() => {
 }
 .final-shoot > text:nth-child(1),
 .final-shoot > text:nth-child(3) {
-  font-size: 18px;
+  font-size: 32rpx;
   color: #fed847;
   margin-left: 10px;
   margin-right: 5px;

src/components/ShootProgress2.vue

@@ -83,7 +83,8 @@ onBeforeUnmount(() => {
   margin-bottom: 12vw;
 }
 .container > image {
-  width: 100%;
+  width: 360rpx;
+  height: 80rpx;
   transform: translateY(7px);
 }
 .container > view:last-child {