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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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