diff --git a/src/views/choujiang/index.vue b/src/views/choujiang/index.vue index aa816c9..b119c57 100644 --- a/src/views/choujiang/index.vue +++ b/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; } } \ No newline at end of file diff --git a/src/views/choujiang/lottery/PrizePanel.vue b/src/views/choujiang/lottery/PrizePanel.vue index 613ce38..9ae26c0 100644 --- a/src/views/choujiang/lottery/PrizePanel.vue +++ b/src/views/choujiang/lottery/PrizePanel.vue @@ -55,7 +55,7 @@
@@ -329,6 +329,7 @@ async function toggleWinnerList() { await updateWinners(); showWinnerList.value = !showWinnerList.value; + console.log( "toggleWinnerList - showWinnerList:", showWinnerList.value, @@ -571,6 +572,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;