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

src/views/Activities/SpringFestival/Task.vue

@@ -76,22 +76,49 @@
           style="
             display: flex;
             flex-direction: column;
-            justify-content: center;
+            justify-content: space-between;
             align-items: center;
 
             position: relative;
           "
           :style="[getGridPosition(index)]"
         >
-          <img
+          <div
-            v-smart-img
+            style="
-            :src="prize.prizeImage || ''"
+              width: 100%;
-            :alt="prize.prizeName || ''"
+              flex: 1;
-            width="50%"
+              min-width: 0;
-            style="display: block"
+              min-height: 0;
-          />
+
-          <div style="font-size: 0.8em; font-weight: 700; color: #ff3b76">
+              padding-top: 6vw;
-            {{ prize.prizeName }}
+              display: flex;
+              justify-content: center;
+              align-items: center;
+            "
+          >
+            <img
+              v-smart-img
+              :src="prize.prizeImage || ''"
+              :alt="prize.prizeName || ''"
+              width="50%"
+              style="display: block"
+            />
+          </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>
 
           <!-- 转到的奖品项 -->