提交

odcs2.com/src/views/rollHome/common/rolldetial.vue

@@ -102,7 +102,7 @@
       <div v-if="awardResult.length > 0" class="award_grid">
         <div
           class="award_item"
-          v-for="(item, index) in awardResult"
+          v-for="(item, index) in showAllAwards ? awardResult : awardResult.slice(0, 6)"
           :key="index"
         >
           <div class="award_price">
@@ -119,6 +119,10 @@
           </div>
         </div>
       </div>
+      <div class="view_all" @click="showAllAwards = !showAllAwards" v-if="awardResult.length > 6">
+        {{ showAllAwards ? '收起' : '查看全部' }}
+        <span class="view_arrow">{{ showAllAwards ? '▲' : '▼' }}</span>
+      </div>
       <div class="no_player" v-if="awardResult.length === 0">暂无获奖记录</div>
     </div>
 
@@ -128,7 +132,7 @@
       <div class="players_list" v-if="playerList.length > 0">
         <div
           class="player_item column"
-          v-for="(item, index) in playerList"
+          v-for="(item, index) in showAllPlayers ? playerList : playerList.slice(0, 10)"
           :key="index"
         >
           <div class="player_avatar">
@@ -141,6 +145,10 @@
           <div class="player_name textover-f">{{ item.nickName }}</div>
         </div>
       </div>
+      <div class="view_all" @click="showAllPlayers = !showAllPlayers" v-if="playerList.length > 10">
+        {{ showAllPlayers ? '收起' : '查看全部' }}
+        <span class="view_arrow">{{ showAllPlayers ? '▲' : '▼' }}</span>
+      </div>
       <div class="no_player" v-else>暂无参与者</div>
     </div>
 
@@ -206,6 +214,7 @@ export default {
       playerList: [],
       showAllPrizes: false,
       showAllAwards: false,
+      showAllPlayers: false,
       countdown: { h: '00', m: '00', s: '00' },
       countdownTimer: null,
       defaultAvatar: require("@/assets/images/default-header.png"),