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 {