feat(CP活动): 添加图片最小高度
This commit is contained in:
parent
28ef76bcbc
commit
3b2744826d
@ -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;`"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -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')"
|
||||||
|
|||||||
@ -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`"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -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;`"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -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;`"
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
@ -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;
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user