feat(CP活动): 添加图片最小高度
This commit is contained in:
parent
28ef76bcbc
commit
3b2744826d
@ -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;`"
|
||||
>
|
||||
|
||||
@ -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')"
|
||||
|
||||
@ -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`"
|
||||
>
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
<div>
|
||||
<!-- 规则&倒计时 -->
|
||||
<itemCenter
|
||||
style="min-height: 126.7vw"
|
||||
:imgUrl="imageUrl(getImgName('checkInRule'))"
|
||||
:contentStyle="`inset: 8vw 28vw 105vw;`"
|
||||
>
|
||||
|
||||
@ -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;`"
|
||||
|
||||
@ -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"
|
||||
|
||||
@ -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;
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user