细节修改

src/pages/melee-bow-data.vue

@@ -33,6 +33,7 @@ onLoad(async (options) => {
 <template>
   <Container title="靶纸">
     <view class="container">
+      <image src="../static/battle-header-melee.png" mode="widthFix" />
       <view class="players" v-if="data.players">
         <view
           v-for="(player, index) in data.players"
@@ -49,7 +50,6 @@ onLoad(async (options) => {
             :style="{
               width: `${Math.max(100 / data.players.length, 18)}vw`,
             }"
-            mode="widthFix"
             class="player-bg"
           />
           <Avatar
@@ -90,11 +90,18 @@ onLoad(async (options) => {
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  position: relative;
+}
+.container > image:first-child {
+  position: absolute;
+  width: 100%;
+  z-index: 1;
 }
 .players {
   display: flex;
   width: 100%;
   overflow-x: auto;
+  margin-top: 25px;
 }
 .players::-webkit-scrollbar {
   width: 0;
@@ -112,12 +119,13 @@ onLoad(async (options) => {
   position: relative;
   height: 68px;
   margin-bottom: 10px;
-  padding-top: 7px;
+  padding-top: 10px;
 }
 .player-bg {
   position: absolute;
   width: 100%;
-  height: 100%;
+  height: 85px;
+  top: 0;
 }
 .players > view > text {
   margin: 5px 0;