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

feat(春节活动页): 添加背景图片最小高度

Browse Source
This commit is contained in:
hzj 2026-02-27 17:07:42 +08:00
parent 2534f7f643
commit 8744049ba9
6 changed files with 21 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/Activities/SpringFestival/Ranking.vue
View File

@ -70,7 +70,7 @@
>
<!-- 排名 -->
<itemCenter
style="width: 10vw"
style="min-height: 9.11vw; width: 10vw"
:imgUrl="imageUrl('rankingNumBg')"
:contentStyle="`bottom: 0.5vw;`"
@click="viewUserInfo(listItem.userId)"
@ -79,6 +79,7 @@
</itemCenter>
<itemCenter
style="min-height: 36vw"
:imgUrl="imageUrl('rankingItemBg')"
:contentStyle="`padding: 9.5vw 4vw 7vw 5vw;gap: 1vw`"
:flip="true"

1
src/views/Activities/SpringFestival/RankingReward.vue
View File

@ -1,6 +1,7 @@
<template>
<div style="display: flex; flex-direction: column; gap: 2vw">
<itemCenter
:style="{ minHeight: index <= 2 ? '128vw' : '98.39vw' }"
v-for="(rewardsTop, index) in rankingRewards"
style=""
:imgUrl="imageUrl(`rankingRewardTop${index + 1}Bg`)"

3
src/views/Activities/SpringFestival/RechargeReward.vue
View File

@ -3,7 +3,7 @@
<!-- 个人充值信息 -->
<div style="padding: 0 4vw">
<itemCenter
style="z-index: 0"
style="min-height: 41.66vw; z-index: 0"
:imgUrl="imageUrl('earningInfoBg')"
:flip="true"
:contentStyle="`inset:11vw 10vw 9vw 9vw;justify-content: space-between;gap: 10vw;`"
@ -102,6 +102,7 @@
</div>
<itemCenter
:style="{ minHeight: index <= 0 ? '106vw' : index <= 2 ? '109.6vw' : '135.73vw' }"
v-for="(rewardsTop, index) in RechargeRewards"
style=""
:imgUrl="topImg[index]"

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

@ -2,6 +2,7 @@
<div style="display: flex; flex-direction: column; align-items: center">
<!-- 抽奖游戏 -->
<itemCenter
style="min-height: 149.06vw"
:imgUrl="imageUrl('lotteryBg')"
:contentStyle="`inset:30vw 6.5vw 13vw 6.5vw;flex-direction: column;justify-content: space-between;`"
>
@ -217,7 +218,7 @@
<div style="width: 100%; padding: 0 4vw; display: flex; flex-direction: column; gap: 2vw">
<!-- 个人信息 -->
<itemCenter
style="z-index: 0"
style="min-height: 41.67vw; z-index: 0"
:imgUrl="imageUrl('earningInfoBg')"
:flip="true"
:contentStyle="`inset:11vw 10vw 9vw 9vw;justify-content: space-between;gap: 10vw;`"

2
src/views/Activities/SpringFestival/components/topUser.vue
View File

@ -1,6 +1,6 @@
<template>
<div style="width: 100%">
<div style="position: relative">
<div style="position: relative" :style="{ minHeight: ranking == '1' ? '67vw' : '40.45vw' }">
<img
v-smart-img
:src="BorderImgUrl"

19
src/views/Activities/SpringFestival/index.vue
View File

@ -66,7 +66,7 @@
<!-- 倒计时 -->
<itemCenter
style="width: 95%; min-width: 0; margin-top: -52vw"
style="min-height: 35.45vw; width: 95%; min-width: 0; margin-top: -52vw"
:imgUrl="imageUrl('TimeBg')"
contentStyle="padding:0 14.5vw 6vw 13.5vw;"
><!-- 倒计时 -->
@ -90,7 +90,7 @@
<div
style="
width: 90vw;
min-height: 22.38vw;
display: flex;
justify-content: center;
align-items: center;
@ -133,7 +133,7 @@
<div
style="
width: 100vw;
min-height: 12.65vw;
display: flex;
justify-content: space-around;
align-items: center;
@ -196,7 +196,7 @@
<div
style="
width: 100vw;
min-height: 12.65vw;
display: flex;
justify-content: space-around;
align-items: center;
@ -245,7 +245,7 @@
<!-- 我的排名 -->
<itemCenter
v-show="RankingShow"
style="position: fixed; bottom: 0; z-index: 2"
style="min-height: 36.66vw; position: fixed; bottom: 0; z-index: 2"
:imgUrl="imageUrl('myRankingBg')"
:contentStyle="`padding: 0 5vw`"
>
@ -369,6 +369,7 @@
<!-- 抽奖结果 -->
<div v-show="resultShow" style="position: relative; width: 100%" @click.stop>
<itemCenter
style="min-height: 100.53vw"
:imgUrl="imageUrl('resultBg')"
:contentStyle="`inset: 30vw 7vw 6vw;
flex-direction: column;
@ -466,7 +467,11 @@
<!-- 中奖历史 -->
<div v-show="drawRecordShow" style="position: relative; width: 95%" @click.stop>
<itemCenter :imgUrl="imageUrl('recordBg')" :contentStyle="`padding: 22vw 7vw 8vw;`">
<itemCenter
style="min-height: 91.33vw"
:imgUrl="imageUrl('recordBg')"
:contentStyle="`padding: 22vw 7vw 8vw;`"
>
<div
style="
width: 100%;
@ -524,12 +529,14 @@
<!-- 任务列表 -->
<itemCenter
style="min-height: 74vw"
v-show="taskListShow"
:imgUrl="imageUrl('taskListBg')"
:contentStyle="`padding: 20vw 10vw 12vw;flex-direction: column;justify-content: space-between;`"
@click.stop
>
<itemCenter
style="min-height: 19.6vw"
v-for="task in taskList"
:imgUrl="imageUrl('taskItemBg')"
:contentStyle="`padding: 4vw 5.5vw;justify-content: space-between;`"