提交

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

@@ -47,10 +47,6 @@
         </div>
         <!-- 右侧：统计信息 -->
         <div class="detail_stats">
-          <div class="stat_item">
-            <span class="stat_icon price_diamond">&#9830;</span>
-            <span>{{ obj.totalOrnamentsPrice }}</span>
-          </div>
           <div class="stat_item">
             <span class="stat_icon">&#128100;</span>
             <span>{{ obj.currentPeopleNum }}</span>
@@ -106,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, 3)"
           :key="index"
         >
           <div class="award_price">
@@ -123,6 +119,10 @@
           </div>
         </div>
       </div>
+      <div class="view_all" @click="showAllAwards = !showAllAwards" v-if="awardResult.length > 3">
+        {{ showAllAwards ? '收起' : '查看全部' }}
+        <span class="view_arrow">{{ showAllAwards ? '▲' : '▼' }}</span>
+      </div>
       <div class="no_player" v-else>暂无获奖记录</div>
     </div>
 
@@ -209,6 +209,7 @@ export default {
       obj: {},
       playerList: [],
       showAllPrizes: false,
+      showAllAwards: false,
       countdown: { h: '00', m: '00', s: '00' },
       countdownTimer: null,
       defaultAvatar: require("@/assets/images/default-header.png"),
@@ -730,9 +731,6 @@ export default {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 10px;
-  @media (min-width: 500px) {
-    grid-template-columns: repeat(4, 1fr);
-  }
   .award_item {
     background: rgba(255,255,255,0.07);
     border-radius: 10px;

odcs2.com/src/views/rollHome/index.vue

@@ -518,12 +518,16 @@ export default {
     flex: 1;
     height: 32px;
     border-radius: 16px;
-    background: #333;
+    background: transparent;
-    color: #888;
+    color: #f0a030;
+    border: 2px solid #f0a030;
     font-size: 12px;
+    font-weight: bold;
     display: flex;
     align-items: center;
     justify-content: center;
+    cursor: pointer;
+    user-select: none;
   }
 }
 .isnull {