style(斋月活动): 奖池样式调整

This commit is contained in:
hzj 2026-02-12 12:26:24 +08:00
parent c80ddeebbd
commit 52cda17e87

View File

@ -683,17 +683,53 @@
align-items: center;
position: relative;
padding: 5vw;
"
:style="[getGridPosition(index)]"
>
<img
v-smart-img
:src="prize.prizeImage || ''"
:alt="prize.prizeName || ''"
width="60%"
style="display: block"
/>
<!-- <div style="font-size: 0.8em">{{ prize.prizeName }}</div> -->
<div
style="
width: 100%;
flex: 1;
min-width: 0;
min-height: 0;
display: flex;
justify-content: center;
align-items: center;
"
>
<img
v-smart-img
:src="prize.prizeImage || ''"
:alt="prize.prizeName || ''"
width="70%"
style="display: block"
/>
</div>
<div
style="
width: 100%;
height: 20%;
min-width: 0;
min-height: 0;
display: flex;
justify-content: center;
align-items: center;
"
>
<div
style="
font-size: 0.9em;
font-weight: 700;
color: #fff;
text-shadow: 0 1px 0 #339370;
"
>
{{ prize.prizeName }}
</div>
</div>
<!-- 转到的奖品项 -->
<img
@ -728,6 +764,7 @@
<div style="display: flex; justify-content: center; gap: 4vw" class="drawBts">
<!-- 单抽 -->
<img
v-smart-img
:src="imageUrl(getImgName('draw1BtBg'))"
alt=""
style="width: 45vw; display: block; object-fit: cover"
@ -736,6 +773,7 @@
<!-- 10连抽 -->
<img
v-smart-img
:src="imageUrl(getImgName('draw10BtBg'))"
alt=""
style="width: 45vw; display: block; object-fit: cover"
@ -2564,7 +2602,6 @@ const getRewardsAndGifts = async () => {
}
rewardsTop10.value = tempRewardsTop10
console.log('rewardsTop10.value:', rewardsTop10.value)
}
}