feat(CP活动): 添加图片最小高度

This commit is contained in:
hzj 2026-02-24 18:17:10 +08:00
parent 28ef76bcbc
commit 3b2744826d
7 changed files with 21 additions and 4 deletions

View File

@ -3,6 +3,7 @@
<!-- 栏目按钮 -->
<div
style="
min-height: 13.33vw;
width: 100vw;
padding: 0 4vw;
@ -68,7 +69,7 @@
</div>
<div style="position: relative">
<!-- 中奖历史按钮 -->
<!-- 获取历史按钮 -->
<img
v-smart-img
:src="imageUrl('historyBt')"
@ -77,8 +78,9 @@
@click="showDrawRecord"
/>
<!-- 当前水晶和碎片量 -->
<itemCenter
style="position: relative; z-index: 1"
style="min-height: 75.78vw; position: relative; z-index: 1"
:imgUrl="imageUrl(getImgName('myPropsBg'))"
:contentStyle="`inset: 28vw 17vw 25vw;justify-content:space-between;`"
>

View File

@ -1,6 +1,7 @@
<template>
<div style="padding: 0 4vw; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2vw">
<itemCenter
style="min-height: 35.3vw"
v-for="item in goodsList"
:key="item.id"
:imgUrl="imageUrl('goodsItem')"

View File

@ -1,6 +1,7 @@
<template>
<div>
<itemCenter
style="min-height: 181.6vw"
:imgUrl="imageUrl('lotteryBg')"
:contentStyle="`flex-direction: column;justify-content: flex-start;gap: 5vw`"
>

View File

@ -2,6 +2,7 @@
<div>
<!-- 规则&倒计时 -->
<itemCenter
style="min-height: 126.7vw"
:imgUrl="imageUrl(getImgName('checkInRule'))"
:contentStyle="`inset: 8vw 28vw 105vw;`"
>

View File

@ -1,6 +1,7 @@
<template>
<div style="width: 100%; position: relative">
<itemCenter
style="min-height: 28vw"
:imgUrl="imageUrl('rewardBg')"
:flip="true"
:contentStyle="`inset: 4vw 6vw 10vw;`"

View File

@ -3,6 +3,7 @@
<!-- 栏目按钮 -->
<div
style="
min-height: 18.54vw;
width: 100vw;
padding: 0 4vw;
@ -49,7 +50,11 @@
</div>
</div>
<itemCenter :imgUrl="imageUrl(`timeBg`)" :contentStyle="`inset:0 0 4vw;`">
<itemCenter
style="min-height: 31.33vw"
:imgUrl="imageUrl(`timeBg`)"
:contentStyle="`inset:0 0 4vw;`"
>
<div v-show="weeklyShow" style="display: flex; justify-content: center; align-items: center">
<div class="timeBox">
<div class="timeText" style="">{{ WDays }}D</div>
@ -93,6 +98,7 @@
<!-- 前三名 -->
<div style="margin-top: 2vw; display: flex; flex-direction: column; gap: 2vw">
<TopUser
:style="{ minHeight: index == 0 ? '58.51vw' : '39.07vw' }"
v-for="(value, index) in 3"
:ranking="index + 1 + ''"
:rankingItem="RankingHasTop3[index] || {}"
@ -102,6 +108,7 @@
<!-- 从第4名开始 -->
<itemCenter
style="min-height: 25.92vw"
v-for="item in showRanking"
:imgUrl="imageUrl(`rankingItemBg`)"
:flip="true"

View File

@ -27,7 +27,9 @@
></Barrage>
<!-- 情书模块按钮 -->
<div style="display: flex; justify-content: center; align-items: center">
<div
style="min-height: 68.2vw; display: flex; justify-content: center; align-items: center"
>
<img
v-smart-img
:src="imageUrl(getImgName('letterBg'))"
@ -39,6 +41,7 @@
<!-- 历史榜首 -->
<itemCenter
style="min-height: 104.83vw"
:imgUrl="imageUrl(getImgName('historyTopBg'))"
:contentStyle="`inset: 30vw 9vw 27vw;flex-direction: column;gap:2vw`"
>
@ -172,6 +175,7 @@
<!-- 栏目按钮 -->
<div
style="
min-height: 31.18vw;
width: 100vw;
padding: 0 10vw;