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

src/views/Activities/SpringFestival/Ranking.vue

@@ -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"

src/views/Activities/SpringFestival/RankingReward.vue

@@ -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`)"

src/views/Activities/SpringFestival/RechargeReward.vue

@@ -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]"

src/views/Activities/SpringFestival/Task.vue

@@ -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;`"

src/views/Activities/SpringFestival/components/topUser.vue

@@ -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"

src/views/Activities/SpringFestival/index.vue

@@ -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;`"