feat: 平板端适配

src/views/AwardPage/components/PrizesSection.vue

@@ -2,7 +2,7 @@
   <div
     class="prizes-container container flex align-center space-between"
     ref="prizesRef"
-    :class="{ mobile: isMobile, 'flex-col': isMobile }"
+    :class="{ mobile: isMobile && !isPad, 'flex-col': isMobile && !isPad, 'is-pad': isPad }"
   >
     <div class="left flex flex-col flex-center">
       <div class="title" ref="prizesTitleRef">
@@ -41,6 +41,7 @@ import { gsap } from 'gsap'
 
 const { t } = useI18n()
 const isMobile = inject<boolean>('isMobile')
+const isPad = inject<boolean>('isPad')
 
 const props = defineProps({
   isZh: {
@@ -283,5 +284,12 @@ onBeforeUnmount(() => {
       }
     }
   }
+  &.is-pad {
+    background: url('@/assets/images/pad_version/prizes-bg.png') no-repeat;
+    background-size: 100% 100%;
+    padding: 0 6rem;
+    justify-content: center;
+    column-gap: 10rem;
+  }
 }
 </style>