修改靶点颜色和字体

src/App.vue

@@ -232,4 +232,13 @@ button::after {
   width: 15px;
   margin-top: 2px;
 }
+
+@font-face {
+  font-family: "DINCondensed";
+  src: url("https://static.shelingxingqiu.com/font/DIN-Condensed-Bold-2.ttf")
+    format("truetype");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
 </style>

src/components/BowTarget.vue

@@ -129,7 +129,7 @@ async function onReceiveMessage(messages = []) {
         setTimeout(() => {
           if (props.scores[0]) {
             circleColor.value =
-              msg.userId === props.scores[0].playerId ? "#ff4444" : "blue";
+              msg.userId === props.scores[0].playerId ? "#ff4444" : "#1840FF";
           }
           angle.value = msg.target.angle;
         }, 200);
@@ -223,13 +223,7 @@ onBeforeUnmount(() => {
           :style="{
             left: calcRealX(bow.x),
             top: calcRealY(bow.y),
-            backgroundColor:
+            backgroundColor: mode === 'solo' ? '#00bf04' : '#FF0000',
-              index === scores.length - 1 &&
-              !blueScores.length &&
-              latestOne &&
-              mode !== 'team'
-                ? 'green'
-                : '#ff4444',
           }"
           ><text>{{ index + 1 }}</text></view
         >
@@ -243,7 +237,7 @@ onBeforeUnmount(() => {
           :style="{
             left: calcRealX(bow.x),
             top: calcRealY(bow.y),
-            backgroundColor: 'blue',
+            backgroundColor: '#1840FF',
           }"
         >
           <text>{{ index + 1 }}</text>
@@ -320,21 +314,22 @@ onBeforeUnmount(() => {
   border: 1px solid #fff;
   z-index: 1;
   color: #fff;
-  font-size: 2.1vw;
   box-sizing: border-box;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
   display: flex;
   justify-content: center;
   align-items: center;
-  /* transform: translate(-50%, -50%); */
 }
 .hit > text {
-  transform: scaleX(0.7);
+  font-size: 16rpx;
+  font-family: "DINCondensed", "PingFang SC", "Helvetica Neue", Arial,
+    sans-serif;
+  line-height: 10px;
   display: block;
-  font-weight: bold;
   width: 100%;
   text-align: center;
   line-height: 22rpx;
+  margin-top: 2px;
 }
 .header {
   width: 100%;

src/components/BowTargetEdit.vue

@@ -295,20 +295,23 @@ onMounted(async () => {
   text-align: center;
   line-height: 10px;
   box-sizing: border-box;
-  background-color: #ff4444;
+  background-color: #00bf04;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
   transition: all 0.1s linear;
   position: relative;
 }
 
 .point > text {
   display: block;
-  font-size: 12rpx;
+  font-size: 16rpx;
   line-height: 10px;
   position: absolute;
   top: 50%;
   left: 50%;
-  transform: translate(-50%, -50%) scaleX(0.7);
+  font-family: "DINCondensed", "PingFang SC", "Helvetica Neue", Arial,
+    sans-serif;
+  transform: translate(-50%, -50%);
+  margin-top: 1px;
 }
 
 .edit-buttons {