update:优化10人乱斗测距页

src/components/BattleHeader.vue

@@ -113,6 +113,7 @@ const isMember = (player = {}) => player.vip === true || player.sVip === true;
       v-if="players.length"
       class="players-melee"
       scroll-x
+      :show-scrollbar="false"
       @touchmove="(e) => players.length > 5 && e.stopPropagation()"
       :style="{ paddingTop: showHeader ? '15px' : '0' }"
     >
@@ -151,6 +152,7 @@ const isMember = (player = {}) => player.vip === true || player.sVip === true;
 .container {
   width: 100%;
   position: relative;
+  z-index: 999;
   margin-bottom: 10px;
 }
 .container > image:first-child {
@@ -158,6 +160,7 @@ const isMember = (player = {}) => player.vip === true || player.sVip === true;
   width: 100%;
   top: -5px;
   z-index: 1;
+  pointer-events: none;
 }
 .players {
   display: flex;
@@ -188,15 +191,12 @@ const isMember = (player = {}) => player.vip === true || player.sVip === true;
 .players-melee {
   height: 80px;
   width: 100%;
-}
-.players-melee::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-  color: transparent;
+  white-space: nowrap;
 }
 /* 小程序 scroll-view 不支持直接 flex，通过内层 wrapper 承载横向排列 */
 .players-melee-inner {
-  display: flex;
+  display: inline-flex;
+  min-width: 100%;
   height: 100%;
   flex-wrap: nowrap;
 }