细节修改

src/pages/melee-bow-data.vue

@@ -39,12 +39,19 @@ onLoad(async (options) => {
           :key="index"
           :style="{
             width: `${Math.max(100 / data.players.length, 18)}vw`,
-            backgroundColor:
-              player.playerId === currentUser.playerId ? '#aba57a' : '',
             color: player.playerId === currentUser.playerId ? '#000' : '#fff9',
           }"
           @click="() => onSelect(player.playerId)"
         >
+          <image
+            v-if="player.playerId === currentUser.playerId"
+            src="../static/player-bg2.png"
+            :style="{
+              width: `${Math.max(100 / data.players.length, 18)}vw`,
+            }"
+            mode="aspectFill"
+            class="player-bg"
+          />
           <Avatar
             :src="player.avatar"
             :size="40"
@@ -89,8 +96,14 @@ onLoad(async (options) => {
   height: 85px;
   width: 100%;
   overflow-x: auto;
+  overflow-y: hidden;
   background-color: #fff3;
 }
+.players::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  color: transparent;
+}
 .players > view {
   display: flex;
   flex-direction: column;
@@ -99,6 +112,11 @@ onLoad(async (options) => {
   font-size: 12px;
   padding-top: 5px;
   flex: 0 0 auto;
+  position: relative;
+}
+.player-bg {
+  position: absolute;
+  width: 100%;
 }
 .players > view > text {
   margin-top: 5px;
@@ -107,6 +125,7 @@ onLoad(async (options) => {
   overflow: hidden;
   text-overflow: ellipsis;
   text-align: center;
+  position: relative;
 }
 .score-text {
   width: 100%;