hy/aslan-h5
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(春节活动页面): 抽奖模块奖池排版调整

Browse Source
This commit is contained in:
hzj 2026-02-09 18:54:08 +08:00
parent 65ddb770b4
commit a73cbe3928
1 changed files with 37 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/views/Activities/SpringFestival/Task.vue
View File

@ -76,22 +76,49 @@
style="
display: flex;
flex-direction: column;
justify-content: center;
justify-content: space-between;
align-items: center;
position: relative;
"
:style="[getGridPosition(index)]"
>
<img
v-smart-img
:src="prize.prizeImage || ''"
:alt="prize.prizeName || ''"
width="50%"
style="display: block"
/>
<div style="font-size: 0.8em; font-weight: 700; color: #ff3b76">
{{ prize.prizeName }}
<div
style="
width: 100%;
flex: 1;
min-width: 0;
min-height: 0;
padding-top: 6vw;
display: flex;
justify-content: center;
align-items: center;
"
>
<img
v-smart-img
:src="prize.prizeImage || ''"
:alt="prize.prizeName || ''"
width="50%"
style="display: block"
/>
</div>
<div
style="
width: 100%;
height: 27%;
min-width: 0;
min-height: 0;
display: flex;
justify-content: center;
align-items: center;
"
>
<div style="font-size: 0.8em; font-weight: 700; color: #fff">
{{ prize.prizeName }}
</div>
</div>
<!-- 转到的奖品项 -->