UI完善

src/components/BattleHeader.vue

@@ -29,10 +29,20 @@ defineProps({
       <view>
         <Avatar v-if="blueTeam[0]" :src="blueTeam[0].avatar" frame />
         <text>{{ blueTeam[0].name }}</text>
+        <image
+          v-if="blueTeam[0].winner"
+          src="../static/winner-badge.png"
+          mode="widthFix"
+        />
       </view>
       <view>
         <Avatar v-if="redTeam[0]" :src="redTeam[0].avatar" frame />
         <text>{{ redTeam[0].name }}</text>
+        <image
+          v-if="redTeam[0].winner"
+          src="../static/winner-badge.png"
+          mode="widthFix"
+        />
       </view>
     </view>
   </view>
@@ -47,7 +57,8 @@ defineProps({
 .container > image:first-child {
   position: absolute;
   width: 100%;
-  top: -10px;
+  top: -5px;
+  z-index: 1;
 }
 .players {
   display: flex;
@@ -61,8 +72,10 @@ defineProps({
   justify-content: center;
   color: #fff9;
   font-size: 14px;
-  padding-top: 20px;
+  margin-top: 20px;
+  padding-top: 5px;
   overflow: hidden;
+  position: relative;
 }
 .players > view:first-child {
   background-color: #364469;
@@ -70,4 +83,13 @@ defineProps({
 .players > view:last-child {
   background-color: #692735;
 }
+.players > view > text {
+  margin-top: 5px;
+}
+.players > view > image:last-child {
+  position: absolute;
+  width: 60px;
+  right: 0;
+  bottom: 0;
+}
 </style>