feat: 终版修改

This commit is contained in:
2026-05-06 11:30:41 +08:00
parent dc72a132bd
commit 512cf36baf
4 changed files with 67 additions and 59 deletions

View File

@@ -25,7 +25,7 @@
</template>
<script setup lang="ts">
import { onBeforeUnmount, onMounted, nextTick, ref, inject } from 'vue'
import { onBeforeUnmount, onMounted, nextTick, ref, inject, computed } from 'vue'
import { useI18n } from 'vue-i18n'
import { gsap } from 'gsap'
import jae from '@/assets/images/award/jae.png'
@@ -38,44 +38,52 @@ import desmond from '@/assets/images/award/desmond.png'
const { t } = useI18n()
const isMobile = inject<boolean>('isMobile')
const isPad = inject<boolean>('isPad')
const judgements = [
{
picture: jae,
name: 'Jae Hyuk Lim',
desc: 'AwardsPage.judgesHat.jae',
region: 'AwardsPage.judgesHat.jaeCountry'
},
{
picture: rosiexia,
name: 'Rosie Xia',
desc: 'AwardsPage.judgesHat.rosie',
region: 'AwardsPage.judgesHat.rosieCountry'
},
{
picture: gregory,
name: 'Gregory de la Hogue Moran',
desc: 'AwardsPage.judgesHat.gregory',
region: 'AwardsPage.judgesHat.gregoryCountry'
},
{
picture: annie,
name: 'Annie Wong',
desc: 'AwardsPage.judgesHat.annie',
region: 'AwardsPage.judgesHat.annieCountry'
},
{
picture: xaven,
name: 'Xaven Mak',
desc: 'AwardsPage.judgesHat.xaven',
region: 'AwardsPage.judgesHat.xavenCountry'
},
{
picture: desmond,
name: 'Desmond Lim',
desc: 'AwardsPage.judgesHat.desmond',
region: 'AwardsPage.judgesHat.desmondCountry'
}
]
const judgements = computed(() => {
return [
{
picture: jae,
name: 'Jae Hyuk Lim',
desc: 'AwardsPage.judgesHat.jae',
region: 'AwardsPage.judgesHat.jaeCountry',
order: 1
},
{
picture: rosiexia,
name: 'Rosie Xia',
desc: 'AwardsPage.judgesHat.rosie',
region: 'AwardsPage.judgesHat.rosieCountry',
order: isMobile.value ? 3 : 2
},
{
picture: gregory,
name: 'Gregory de la Hogue Moran',
desc: 'AwardsPage.judgesHat.gregory',
region: 'AwardsPage.judgesHat.gregoryCountry',
order: isMobile.value ? 2 : 4
},
{
picture: annie,
name: 'Annie Wong',
desc: 'AwardsPage.judgesHat.annie',
region: 'AwardsPage.judgesHat.annieCountry',
order: isMobile.value ? 4 : 5
},
{
picture: xaven,
name: 'Xaven Mak',
desc: 'AwardsPage.judgesHat.xaven',
region: 'AwardsPage.judgesHat.xavenCountry',
order: 6
},
{
picture: desmond,
name: 'Desmond Lim',
desc: 'AwardsPage.judgesHat.desmond',
region: 'AwardsPage.judgesHat.desmondCountry',
order: isMobile.value ? 5 : 3
}
].sort((a,b)=>a.order - b.order)
})
const judgesTitleRef = ref<HTMLElement | null>(null)
const judgesSubTitleRef = ref<HTMLElement | null>(null)