From f6bffc9c01460a1e09467e1a47e34819c2d67109 Mon Sep 17 00:00:00 2001
From: Ethereal <3432649580@qq.com>
Date: Tue, 22 Jul 2025 15:32:49 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=A5=96=E5=93=81?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E9=AB=98=E4=BA=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/choujiang/lottery/PrizePanel.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/views/choujiang/lottery/PrizePanel.vue b/src/views/choujiang/lottery/PrizePanel.vue
index ccc7052..505f63d 100644
--- a/src/views/choujiang/lottery/PrizePanel.vue
+++ b/src/views/choujiang/lottery/PrizePanel.vue
@@ -368,7 +368,7 @@ function getProgressPercent(prize) {
   background: none;
   z-index: 10;
   min-width: 300px;
-  max-width: 342px;
+  max-width: 362px;
   text-align: left;
   display: flex;
   flex-direction: column;
@@ -377,6 +377,7 @@ function getProgressPercent(prize) {
   overflow-x: hidden !important;
   overflow-y: auto;
   padding-right: 10px;
+  padding-left: 10px;
   scrollbar-width: thin;
   scrollbar-color: #ffd283 rgba(255, 210, 131, 0.3); /* Firefox */
 }
@@ -505,7 +506,7 @@ function getProgressPercent(prize) {
   background: none;
   z-index: 10;
   min-width: 320px;
-  max-width: 342px;
+  max-width: 362px;
   display: flex;
   flex-direction: column;
 }
@@ -682,9 +683,14 @@ function getProgressPercent(prize) {
 .prize-panel-item.revealed-highlight {
   /* border: 3px solid #ff9800; */
   box-shadow: 0 0 16px 4px #ff9800aa;
-  transform: scale(1.05);
+  transform: scale(1.03);
   z-index: 2;
   transition: all 0.3s;
+  /* 确保放大的元素不被遮挡 */
+  position: relative;
+  /* margin: 8px 0; */
+  /* 为放大的元素留出空间 */
+  transform-origin: center center;
 }
 
 .prize-panel-item.disabled {

From 2478651625a32a1f9a921ffc4a5ae54f64b91cb0 Mon Sep 17 00:00:00 2001
From: Ethereal <3432649580@qq.com>
Date: Wed, 23 Jul 2025 11:20:39 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=97=A0=E5=95=86?=
 =?UTF-8?q?=E5=93=81=E6=97=B6=EF=BC=8C=E8=BF=98=E8=83=BD=E7=BB=A7=E7=BB=AD?=
 =?UTF-8?q?=E6=8A=BD=E5=A5=96=E7=9A=84=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/choujiang/index.vue              |  2 +-
 src/views/choujiang/lottery/PrizePanel.vue | 41 ++++++++++--------------------
 2 files changed, 15 insertions(+), 28 deletions(-)

diff --git a/src/views/choujiang/index.vue b/src/views/choujiang/index.vue
index 0cddadf..27bde43 100644
--- a/src/views/choujiang/index.vue
+++ b/src/views/choujiang/index.vue
@@ -159,7 +159,7 @@ async function handleLotteryClick() {
 
       break;
     case "ready":
-      if (waitingForNextReveal.value) {
+      if (waitingForNextReveal.value || lastRevealed.value === 0) {
         console.log("waitingForNextReveal.value", waitingForNextReveal.value);
         // 显示弹窗提示
         showPrizeExhaustedModal.value = true;
diff --git a/src/views/choujiang/lottery/PrizePanel.vue b/src/views/choujiang/lottery/PrizePanel.vue
index 505f63d..4e90044 100644
--- a/src/views/choujiang/lottery/PrizePanel.vue
+++ b/src/views/choujiang/lottery/PrizePanel.vue
@@ -48,18 +48,11 @@
             />
           </div>
         </div>
-        <div></div>
-        <div></div>
-        <div></div>
-        <div></div>
+      
       </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="toggleWinnerList">
           获奖名单
         </button>
       </div>
@@ -277,9 +270,7 @@ console.log("fakeWinners", fakeWinners.value);
 import { getGetPrizeUserListApi } from "../../../api/API";
 const updateWinners = async () => {
   try {
-    const response = await getGetPrizeUserListApi({
-      
-    });
+    const response = await getGetPrizeUserListApi({});
     console.log("updatePrizeList response", response);
     fakeWinners.value = response.data.list;
     console.log("updateWinners fakeWinners", fakeWinners.value);
@@ -373,7 +364,7 @@ function getProgressPercent(prize) {
   display: flex;
   flex-direction: column;
   gap: 18px;
-  height: 700px;
+  max-height: 700px;
   overflow-x: hidden !important;
   overflow-y: auto;
   padding-right: 10px;
@@ -387,6 +378,8 @@ function getProgressPercent(prize) {
   z-index: 10;
   min-width: 320px;
   max-width: 342px;
+  padding-right: 10px;
+  padding-left: 10px;
   text-align: left;
   display: flex;
 }
@@ -465,17 +458,10 @@ function getProgressPercent(prize) {
   color: #d84315;
   font-weight: 500;
 }
-/* .prize-row-bottom {
-  background: linear-gradient(90deg, #ff9800 0%, #ff5722 100%);
-  background: #8a3500;
-  border-radius: 16px;
-  color: #fff;
-  font-size: 20px;
-  font-weight: bold;
-  padding: 2px 0 2px 0;
-  justify-content: center;
-  min-width: 80px;
-} */
+.prize-row-bottom {
+   /* margin-bottom: 8px; */
+  /* border: 1px solid #ea2b0a; */
+}
 .custom-arrow-icon {
   font-size: 24px; /* 图标大小 */
   color: #d84315; /* 图标颜色，使用项目主题橙色 */
@@ -513,7 +499,7 @@ function getProgressPercent(prize) {
 
 .prize-panel-footer {
   position: relative;
-  width: 100%;
+  /* width: 100%; */
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -629,8 +615,8 @@ function getProgressPercent(prize) {
 }
 .progress-bar-bg {
   position: relative;
-  width: 220px;
-  height: 28px;
+  width: 228px;
+  height: 30px;
   background: #e9620e;
   border-radius: 16px;
   overflow: hidden;
@@ -643,6 +629,7 @@ function getProgressPercent(prize) {
   position: absolute;
   left: 0;
   top: 0;
+  /* width: 100%; */
   height: 100%;
   /* background: linear-gradient(90deg, #ff9800 0%, #8a3500 100%); */
   background: #8a3500;