Merge branch 'milestone-20250722-抽奖' into pangluotong/feature-20250712103401-抽奖

src/views/choujiang/index.vue

@@ -329,30 +329,22 @@ function handleNextPrize() {
 }
 
 .modal-text {
+  position: fixed !important;
+  top: 300px;
+  left: 50% !important;
+  transform: translate(-50%, -50%) !important;
   color: #ff0000;
-  font-size: 18px;
+  font-size: 50px;
   font-weight: bold;
-  text-align: center;
   margin: 0;
   white-space: nowrap;
+
 }
 
 @keyframes fadeInOut {
-  0% {
-    opacity: 0;
-    transform: translateY(-20px);
-  }
-  20% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  80% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  100% {
-    opacity: 0;
-    transform: translateY(-20px);
-  }
+   0% { opacity: 0; }
+  20% { opacity: 1; }
+  80% { opacity: 1; }
+  100% { opacity: 0; }
 }
 </style>

src/views/choujiang/lottery/PrizePanel.vue

@@ -55,7 +55,7 @@
       </div>
       <div class="prize-panel-footer">
         <div class="arrow-up" @click="openWinnerList"></div>
-        <button ref="winnerBtnRef" class="winner-btn" @click="toggleWinnerList">
+        <button ref="winnerBtnRef" class="winner-btn" @click="openWinnerList">
           获奖名单
         </button>
       </div>
@@ -332,6 +332,7 @@ async function toggleWinnerList() {
   await updateWinners();
 
   showWinnerList.value = !showWinnerList.value;
+  
   console.log(
     "toggleWinnerList - showWinnerList:",
     showWinnerList.value,
@@ -574,6 +575,7 @@ onMounted(() => {
   font-weight: bold;
   cursor: pointer;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  outline: none;
 }
 .winner-modal-mask {
   position: fixed;