Browse Source

优化奖品列表高亮

songtongtong/feature-20250717104937-众筹
Ethereal 4 weeks ago
parent
commit
f6bffc9c01
  1. 12
      src/views/choujiang/lottery/PrizePanel.vue

12
src/views/choujiang/lottery/PrizePanel.vue

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

Loading…
Cancel
Save