style(春节活动页面): 抽奖模块奖池排版调整

src/views/Activities/SpringFestival/Task.vue

@@ -76,12 +76,25 @@
           style="
             display: flex;
             flex-direction: column;
-            justify-content: center;
+            justify-content: space-between;
             align-items: center;
 
             position: relative;
           "
           :style="[getGridPosition(index)]"
+        >
+          <div
+            style="
+              width: 100%;
+              flex: 1;
+              min-width: 0;
+              min-height: 0;
+
+              padding-top: 6vw;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+            "
           >
             <img
               v-smart-img
@@ -90,9 +103,23 @@
               width="50%"
               style="display: block"
             />
-          <div style="font-size: 0.8em; font-weight: 700; color: #ff3b76">
+          </div>
+
+          <div
+            style="
+              width: 100%;
+              height: 27%;
+              min-width: 0;
+              min-height: 0;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+            "
+          >
+            <div style="font-size: 0.8em; font-weight: 700; color: #fff">
               {{ prize.prizeName }}
             </div>
+          </div>
 
           <!-- 转到的奖品项 -->
           <img